`
javasogo
  • 浏览: 1773826 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jquery click 多次绑定,多次触发,怎么清除历史绑定事件

 
阅读更多

最近在用jquery对一个页面超链接元素进行click事件绑定,绑定调用方法如下:


第一次点击超链接,一切正常,第二次点击超链接,竟然打开两个窗口,再次打开,打开的窗口越来越多,怎么回事呢?

显然,click事件是append 的 而不是replace。抓紧翻阅jquery的api【http://visualjquery.com/】,很幸运找到了一个函数unbind,代码修改如下:


再次运行程序,一切ok!!!!


分享到:
评论

相关推荐

    JQuery 给元素绑定click事件多次执行的解决方法

    原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: $("#sdfsd").unbind(...在绑定新click方法前对元素所绑定的click方法解绑

    jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 代码如下:<html> <head> <title>单选框radio绑定click事件</title> <meta ...

    jQuery事件及绑定.pptx

    jQuery对JavaScript操作DOM事件进行了封装,形成了更好的事件处理机制; 包括常用事件、事件绑定与解绑等。jQuery事件处理方法是jQuery的核心函数。 常用事件方法(教材P263表A-4): 分类 事件方法 描述 鼠标 click...

    JQuery给元素绑定click事件多次执行的解决方法

    原绑定方法: 代码如下: $(“#sdfsd”).on(“mouseout”,function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: 代码如下... 在绑定新click方法前对元素所绑定的click方法解绑

    Web前端开发技术-Jquery事件操作.pptx

    one()方法:如果想要让一个元素的事件只触发一次,为元素绑定事件后再解绑会比较麻烦,因此,可以使用one()方法,直接绑定一次性事件。;off()方法:该方法可以移除通过on()方法添加的事件处理程序;案例演示:; 触发...

    jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法。...在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况 例如 <ul></ul> 需要给里面动态添加的标签添加click事件   jquery 1.7版以前使用live

    jQuery 事件以及处理方法

    事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。 触发实例:$("button#demo").click() 上面的例子将触发 id="demo" 的 button 元素的 click 事件。 绑定实例:$("button#demo").click...

    Jquery on绑定的事件 触发多次实例代码

    用‘on’函数为一个新增的按钮绑定了一个事件,这是事件会触发多次。 <html> <head> <meta name="viewport" content="width=device-width" /> <title>码上飘</title> [removed]...

    Jquery on方法绑定事件后执行多次的解决方法

    同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现,on 对同一个元素多次绑定同一个事件的时候,...

    jQuery事件绑定和委托实例

    本文实例讲述了jQuery事件绑定和委托。分享给大家供大家参考。具体方法如下: jQuery事件的绑定和委托可以用多种方法实现,on() 、 bind() 、 live() 、 delegate() ,还有one()。   有时我们可能会像下面这样...

    jQuery中click事件的定义和用法

    本文实例讲述了jQuery中click事件的定义和用法。分享给大家供大家参考。具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件。 click()方法也可以绑定事件处理...

    jQuery事件的绑定、触发、及监听方法简单说明

    在 jQuery 中,提供了诸如 click() 这样的语法糖来绑定对应事件,但是这里推荐统一使用 on() 来绑定事件。语法: .on( events [, selector ] [, data ], handler ) events 即为事件的名称,你可以传递第二个参数来...

    jquery click([data],fn)使用方法实例介绍

    click([[data],fn]) 返回值:jQuery 概述 触发每一个匹配元素的click事件。 这个函数会调用执行绑定到click事件的所有函数。 参数 fnFunctionV1.0 在每一个匹配元素的click事件中绑定的处理函数。 [data],fnString,...

    jQuery使用bind动态绑定事件无效的处理方法

    当页面内容属于动态加载的时候,bind事件就存在一个bug, 只能bind一次,当你第二次触发事件的时候就没用了 例如: 我给标签赋予一个click , 标签包括内容都是从后台数据读取然后动态加载的。当我使用bind来绑定...

    多次注册事件会导致一个事件被触发多次的解决方法

    这是JQuery内部没有判断是否绑定多次,怀疑其内部用了数组保存事件函数,而且没有去重。 下面的代码预防了这个问题。解决方案很简单。 代码如下: if (!this.hasPageBarEvents) { $(“.pNext”).on(“click”, this,...

    jQuery中click事件用法实例

    本文实例讲述了jQuery中click事件用法。分享给大家供大家参考。具体分析如下: 当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件。 一个完整的事件过程,不但要有能够触发...

    jquery.zeroclipboard:绑定到“ beforecopy”,“ copy”,“ aftercopy”和“ copy-error”事件,使用jQuery的特殊事件API和ZeroClipboard的Core模块生成的用于剪贴板注入的自定义类DOM事件。

    在aftercopy事件处理程序全部被触发或停止之后, click事件也会冒泡。 先决条件 ZeroClipboard需要使用Flash Player 11.0.0或更高版本。 有关基础机制的更多详细信息,请参见 。 通过ZeroClipboard v2.x的智能默认...

    jquery html动态添加的元素绑定事件详解

    在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <ul></ul> 假设我们要给ul动态添加的绑定click事件形成如下结果 <li name=apple>apple <li name=pear>pear [removed] function test...

    jQuery防止click双击多次提交及传递动态函数或多参数

    今天是写的是关于JQ的双击事件防止多次提交的问题,并且通过函数可以批量定义,通能性更强了,通过方法动态绑定元素的事件。而且可以动态传递函数名或者多参数等(本实例只传递函数名通过Eval调用)。 我们都知道在...

    jQuery中的on与bind绑定事件区别实例详解

    events:一个或多个用空格分隔的事件类型和可选的命名空间,如”click”或”keydown.myPlugin” 。 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代. data:当一个事件被触发时要传递event.data...

Global site tag (gtag.js) - Google Analytics