相关疑难解决方法(0)

在jQuery中删除事件处理程序的最佳方法?

我有一个input type="image".这类似于Microsoft Excel中的单元格注释.如果有人在input-image与之配对的文本框中输入一个数字,我会为其设置一个事件处理程序input-image.然后当用户点击时image,他们会得到一些弹出窗口,为数据添加一些注释.

我的问题是,当用户在文本框中输入零时,我需要禁用input-image事件处理程序.我试过以下,但无济于事.

$('#myimage').click(function { return false; });
Run Code Online (Sandbox Code Playgroud)

jquery html-input

1038
推荐指数
14
解决办法
69万
查看次数

禁用/启用按钮和链接的最简单方法是什么(jQuery + Bootstrap)

有时我使用锚作为按钮,有时我只使用按钮.我想禁用特定的clicky-things,以便:

  • 他们看起来残疾
  • 他们不再被点击了

我怎样才能做到这一点?

html css jquery twitter-bootstrap

354
推荐指数
10
解决办法
61万
查看次数

149
推荐指数
10
解决办法
30万
查看次数

如何使用jQuery停止默认链接点击行为

我在网页上有一个链接.当用户单击它时,页面上的小部件应该更新.但是,我正在做一些事情,因为默认功能(导航到不同的页面)发生在事件触发之前.

这就是链接的样子:

  <a href="store/cart/" class="update-cart">Update Cart</a>
Run Code Online (Sandbox Code Playgroud)

这就是jQuery的样子:

   $('.update-cart').click(function(e) { 
         e.stopPropagation(); 
         updateCartWidget(); 
      });
Run Code Online (Sandbox Code Playgroud)

问题是什么?

javascript jquery events click jquery-events

81
推荐指数
3
解决办法
13万
查看次数

在Bootstrap中禁用选项卡

我试图在bootstrap中禁用选项卡.我一直在研究,我还没有找到解决方案.

我试过这个:你能在Bootstrap中禁用标签吗? 它引导我去引导问题......我也试过了$('.disabled').removeData('toggle');

我看了看这里.. https://github.com/twitter/bootstrap/issues/2764 解决方法尝试: - 返回假

jQuery禁用链接 解决方案尝试: -event.defaultPrevented();

然而,我还没有想出答案.到目前为止,我的问题是该选项卡将通过返回false来禁用.但是,当选项卡处于活动状态并且可以单击时,它将不会像它应该那样转换到其他选项卡.

jsfiddle:http://jsfiddle.net/de8QK/

这是我的代码:

$(document).ready(function(){

$('#store-tab').attr('class', 'disabled');
$('#bank-tab').attr('class', 'disabled active');

$('#store-tab').not('#store-tab.disabled').click(function(event){
    $('#store-tab').attr('class', 'active');
    $('#bank-tab').attr('class', '');
    return true;
});
$('#bank-tab').not('#bank-tab.disabled').click(function(event){
    $('#bank-tab').attr('class' ,'active');
    $('#store-tab').attr('class', '');
    return true;
});

$('#store-tab').click(function(event){return false;});
$('#bank-tab').click(function(event){return false;});

$('.selectKid').click(function(event){
    $('.checkbox').removeAttr("disabled");
    $('#bank-tab').attr('class', 'active');
    $('#store-tab').attr('class', '');
});
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap jquery-events

8
推荐指数
2
解决办法
4万
查看次数

禁用JQuery链接

我有以下代码,它执行的功能类似于注释链接在Stackoverflow上的工作方式...单击时触发ActionResult并填充div

   $(function() {
        $("a[id ^='doneLink-']").live('click', function(event) {
            match = this.id.match(/doneLink-(\d+)/);
            container = $("div#doneContainer-" + match[1])
            container.toggle();

            if (container.is(":visible")) {
                container.load($(this).attr("href"));
            } else {
                container.html("Loading...");
            }
            event.preventDefault();
        });
    });
Run Code Online (Sandbox Code Playgroud)

我希望能够做一件事情改变他们点击的链接文本,说出类似"隐藏"的内容,并禁用此链接所在的小菜单中的其他链接.

编辑: 使用此功能的源代码如下所示

<div id="dc_lifelistmenu"style="float:left;padding-bottom:5px;font-size:10pt;width:400px;">
    <a href="/entries/addentry/86">Add Entry</a> | 
    <a href="/goals/adddaimoku/86" id="daimokuLink-2">Log Daimoku</a> | 
    <a href="/goals/done/86" id="doneLink-2">Mark Completed</a> |
    <a href="/goals/remove/86">Remove</a>
</div><br />
<div id='daimokuContainer-2' style="display:none;">  Loading...</div>
<div id='doneContainer-2' style="display:none;">  Loading...</div>
Run Code Online (Sandbox Code Playgroud)

asp.net-mvc jquery

5
推荐指数
2
解决办法
3万
查看次数

如何在jQuery中解绑后绑定?

在取消绑定元素后,我需要有关绑定的帮助.基本上,我有三个锚元素,我想实现这个目标:

单击其中一个时,无法单击其他两个.然后,当用户单击关闭按钮时,我想绑定所有三个链接的click事件.

取消绑定不是问题,但绑定后退不起作用.我没有发布任何代码,因为我认为提供的解决方案一般都有效,而不仅仅是在我的情况下.

有没有其他方法可以实现我想要的,但不是使用bind/unbind或on/off?

编辑:

这就是我如何做到的.动画div被称为miniContainer.这是一个锚的样本,但对于这三个锚都是一样的.

       //First Link         
krug1Link.click(function(element){
   if(miniContainer.hasClass('animirano')){
       return false;
   };
   element.preventDefault();
   miniContainer.stop().animate({ height:360 },{duration:500,easing: 'easeOutBack'});
   miniTekst1.animate({opacity:'1'},1200);
   polaroidMali.animate({opacity:'1'},1200);
   miniContainer.addClass('animirano');
});

//Close Mini Container
close.click(function(element){
    miniTekst1.animate({opacity:'0'},1200);
    miniTekst2.animate({opacity:'0'},1200);
    polaroidMali.animate({opacity:'0'},1200);
    polaroidMali2.animate({opacity:'0'},1200);
    miniContainer.animate({marginTop: 10, height:1},{duration:600,easing: 'easeInBack'});
    miniContainer.removeClass('animirano');
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery binding

2
推荐指数
2
解决办法
3285
查看次数