jquery 解除绑定和绑定

Question

我只想禁用用户在某些条件下单击某个元素，然后在另一个条件下重新绑定它的功能。以下是我正在使用的一些代码：

 $('#navigation a').bind('click',function(e){

    var $this   = $(this);
    var prev    = current;

    current = $this.parent().index() + 1;

    if (current == 1){
       $("#navigation a:eq(1)").unbind("click"); // remove the click for element
    }
    if (current >= 2){
       $("#navigation a:eq(1)").bind("click"); // this doesn't work, but i want re-bind the click here.
    } }

我需要做什么才能使其工作？

Answer 1

听起来您实际上只想禁用第一个导航链接的工作。如果是这种情况，您只需：

$("#navigation a:first").click(function () { return false; });

因为从事件处理程序返回 false 会阻止浏览器的默认操作（跟随链接）发生。

不过，如果链接不是可点击的，则不要将其设为链接，而是将其变成 ：（

var link = $("#navigation a:first");
$("<span>").text(link.text()).attr("class", link.attr("class"))
    .insertBefore(link);
link.remove();

假设链接的 class 属性是唯一有价值的属性复制）。

---

如果您确实希望取消绑定您编写的自定义处理程序，那么您需要为处理程序函数指定一个名称，以便可以再次引用它以进行重新绑定：

$('#navigation a').bind('click', onClick);

function onClick(e) {
    var $this   = $(this);
    var prev    = current;

    current = $this.parent().index() + 1;

    if (current == 1){
       $("#navigation a:eq(1)").unbind("click"); // remove the click for element
    } else {
       $("#navigation a:eq(1)").bind("click", onClick); // use the function again
    }
}