开发者社区> 问答> 正文

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

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

                    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');
                        }
                    });

展开
收起
小旋风柴进 2016-05-27 08:29:36 2742 0
1 条回答
写回答
取消 提交回答
  • 你代码执行的顺序有问题,应该把unbind放在bind的后面。
    按你代码的执行顺序是这样的:先解绑事件,然后再绑定上事件。不管你的URL是不是“Index/index”,总是能绑定上的。

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

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

    2019-07-17 19:16:54
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载