javascript - jquery的unbind解除绑定事件没有生效
天蓬老师
天蓬老师 2017-04-10 15:47:34
0
3
779

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

                    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');
                        }
                    });
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(3)
黄舟

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

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

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

伊谢尔伦

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

Ty80

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板