当前位置:  编程技术>WEB前端

jquery事件重复绑定的快速解决方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  一 $.fn.live 重复绑定 解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。 代码如下://先通过die()方法解除,再通过live()绑定$(“#selectAll”).die().live(“click”,f...

一 $.fn.live 重复绑定

解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。

代码如下:

//先通过die()方法解除,再通过live()绑定
$(“#selectAll”).die().live(“click”,function(){
//事件运行代码
});

二 click等事件

解决:使用unbind("click")方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该对象上的原有事件

完整测试代码:

代码如下:


            重复绑定触发按钮(点击此按钮两次及以上,即可触发重复绑定,再点击下面的按钮就可看到结果)
           


            click重复绑定测试按钮
            click绑定一次测试按钮
            live重复绑定测试按钮
            live绑定一次测试按钮
       

       
       
            $(function(){
                var i = 1,j=1,k=1,h=1,n=1;
                var triggerBind = function(){
                    $("#test1").click(function() {
                        alert("click未解除绑定重复绑定执行第" + j++ + "次");
                    });
                    $("#test2").unbind('click').click(function() {
                        alert("click解除绑定执行" + k++ + "次");
                    });

                    $("#test3").live("click",function() {
                        alert("live未解除绑定重复执行第" + h++ + "次");
                    });
                    $("#test4").die().live("click",function() {
                        alert("live解除绑定后执行" + n++ + "次");
                    });
                }               
                $("#test").click(function() {
                    triggerBind();
                    alert("触发绑定点击第" + i++ + "次");
                });
            });
       

    
 
 

您可能感兴趣的文章:

  • JQuery为页面Dom元素绑定事件及解除绑定方法
  • jQuery 快捷键绑定插件 jquery-shortcuts
  • jQuery 快捷键绑定插件 jQuery Hotkeys
  • 页面元素绑定jquery toggle后元素隐藏的解决方法
  • JQuery给元素绑定click事件多次执行的解决方法
  • jquery1.10给新增元素绑定事件的方法
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery为动态加载的元素绑定事件的代码
  • 分享:jquery事件重复绑定的解决办法
  • mysql iis7站长之家
  • jQuery实现当按下回车键时绑定点击事件
  • MVC2 jQuery的验证时,关于客户端验证绑定复选框问题。
  • jquery 为a标签绑定click事件示例代码
  • jquery 绑定回车动作扑捉回车键触发的事件
  • JQuery1.8 判断元素是否绑定事件的方法
  • jquery绑定事件不生效的解决方法
  • jquery弹窗插件colorbox绑定动态生成元素的方法
  • jquery bind(click)传参让列表中每行绑定一个事件
  • jQuery中对未来的元素绑定事件用bind、live or on
  • jQuery绑定事件不执行但alert后可以正常执行
  • JQuery文本改变触发事件如聚焦事件、失焦事件
  • jquery阻止后续事件只执行第一个事件
  • jquery button默认enter事件(回车事件)
  • jquery onpropertychange键盘事件用法举例
  • jquery回车事件的示例代码
  • jQuery查看事件内容的小例子
  • jQuery回车键事件实例代码
  • jquery动态添加元素事件失效问题解决方法
  • JQuery中阻止事件冒泡几种方式及其区别介绍
  • jquery 回车键事件小例子
  • jquery捕捉回车事件的代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery-ui引入后Vs2008的无智能提示问题解决方法
  • jquery dialog open后,服务器端控件失效的快速解决方法
  • 点击表单提交时出现jQuery没有权限的解决方法
  • jQuery$命名冲突怎么办如何解决
  • JQuery插件fancybox无法在弹出层使用左右键的解决办法
  • jquery live()调用不存在的解决方法
  • jQuery在iframe中无法弹出对话框的解决方法
  • jquery fancybox ie6不显示关闭按钮的解决办法
  • 解决jQuery动态获取手机屏幕高和宽的问题
  • jquery库或JS文件在eclipse下报错问题解决方法
  • eclipse导入jquery包后报错的解决方法
  • 巧用jquery解决下拉菜单被Div遮挡的相关问题
  • Jquery uploadify图片上传插件无法上传的解决方法
  • Jquery easyui分页栏显示1到0怎么解决?
  • 解决自定义$(id)的方法与jquery选择器$冲突的问题
  • JQuery中使用ajax传输超大数据的解决方法
  • 解决jquery中post方法返回404错误的问题
  • jquery组件使用中遇到的问题整理及解决
  • jquery ajax提交无响应怎么办?解决方法
  • 快速解决jquery之get缓存问题的最简单方法介绍
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3