javascript - jquery的unbind解除绑定事件没有生效

Question

如果首页打开解除按钮的绑定，但是代码执行后并没有效果，还是可以正常点击。

                    var url="{$menu}";
                    if(url == "Index/index"){
                        $('#sub_nav').css('display','block');
                         $(".navDown").unbind("click");
                    }
                    $(".navDown").on('click',function(){
                        if($(this).next('#sub_nav').css('display')=='block'){
                            $(this).next('#sub_nav').css('display','none');
                            $(this).addClass("up");
                        }
                        else{
                             $(this).next('#sub_nav').css('display','block');
                             $(this).attr('class','navDown');
                        }
                    });

Answer 1

是你代码执行的顺序有问题，应该把unbind放在bind的后面。
按你代码的执行顺序是这样的：先解绑事件，然后再绑定上事件。不管你的URL是不是“Index/index”，总是能绑定上的。

如果放在后面的话，就是先绑定上事件，若当前URL是“Index/index”，则解除绑定。这样就可以绑定事件了。

额外插上一句，一般是bind对应unbind，on对应于off。不过使用on绑定的事件，unbind也能解除

Answer 2

1.首先 你确定下你执行了代码块了没。建议用windows.location.href判断
2.然后 你确定下你是不是先解绑又再绑了 比如你绑定事件是在document.ready里面 肯定后执行的 兄弟

Answer 3

同楼上，你应该确定是先解绑在绑定还是先绑定在解绑，现在你是先解绑在绑定，所以不管你是不是index都会绑定事件的