`
jandroid
  • 浏览: 1931117 次
  • 性别: 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绑定click事件传递参数

    本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...

    Jquery为单选框checkbox绑定单击click事件

    本文将详细解读如何使用Jquery为单选框checkbox绑定单击click事件,并在事件触发时执行相应的函数。 首先,我们需要了解HTML中单选框checkbox的定义。单选框是表单元素中的一个类型,它允许用户在一组选项中选择一...

    JQuery调用绑定click事件的3种写法

    - **`.bind()`**:与`click()`类似,适用于静态页面,但它提供更多的灵活性,可以同时绑定多种事件。 - **`.on()`**:适合处理动态内容和需要事件委托的场景,更加高效且可维护性更强。 总结来说,jQuery的`click()...

    JQuery绑定事件

    此外,jQuery还提供了`.one()`方法,只允许事件处理函数执行一次,这对于一次性操作或防止重复触发的场景非常有用。 总结来说,jQuery绑定事件是其强大功能的一个体现,它让事件处理变得简单、直观,同时也提供了...

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

    然而,在编程过程中,我们可能会遇到一个问题,即元素的`click`事件被多次绑定,导致点击时事件处理函数被执行多次,这通常是由于多次调用事件绑定代码或动态添加元素时没有正确处理事件引起的。本文将深入探讨这个...

    jquery事件绑定例子

    这里,`selector`是用于选择要绑定事件的元素的jQuery选择器,`event`是想要监听的事件名称(如`click`、`mouseover`等),而`handler`则是当事件发生时要执行的函数。 例如,如果我们想要在点击按钮时显示一条消息...

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

    总结一下,jQuery中实现单选框radio绑定click事件的方法是: 1. 引入jQuery库,如`”text/javascript” src=”jquery-1.8.2.min.js”></script>`。 2. 使用文档就绪函数包裹代码,确保在DOM加载完成后执行,`$...

    jQuery事件及绑定.pptx

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

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

    这两种方法都可以有效地避免`on()`绑定的事件被触发多次的问题。在处理动态内容或者需要控制事件触发次数的场景下,理解并正确使用`off()`和`unbind()`是非常关键的。记住,合理地管理事件绑定可以帮助优化代码性能...

    jQuery事件多次绑定与解绑问题实例分析

    本文将深入探讨jQuery中的事件多次绑定与解绑问题,通过实例分析来展示它们的工作原理和使用技巧。 一、jQuery事件多次绑定 在jQuery中,事件绑定通常使用`.on()`, `.click()`, `.bind()`等方法。当一个元素的同一...

    jQuery搜索框实例绑定提交事件.zip

    本实例"jQuery搜索框实例绑定提交事件.zip"着重展示了如何利用jQuery来创建一个功能完善的搜索框,其中包括下拉选择搜索引擎分类,并在用户按下键盘回车键时自动触发提交搜索请求的功能。 首先,`index.html`是网页...

    多种jQuery绑定事件的实现方式

    然而,当你多次调用`.bind()`函数为同一个元素和事件类型注册处理函数时,会导致事件被重复触发。如上面的示例所示,`reg_button_click`函数在`document.ready`时被调用了三次,因此`click`事件触发时,会弹出三个...

    jquery使用bind绑定事件

    `bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件处理器函数绑定到选择器匹配的元素上。当指定的事件发生时,这些函数将会被调用。`bind()`的基本语法如下: ```javascript $(selector).bind...

    jQuery实现当按下回车键时绑定点击事件

    在jQuery中,有几种方法可以绑定事件处理函数,如`.bind()`、`.on()`等方法,同样也有`.trigger()`、`.click()`等方法用于触发事件。 根据文档提供的代码,实现按下回车键触发点击事件主要涉及到了`keydown`事件...

    jquery mobile的触控点击事件会多次触发问题的解决方法

    click事件在jQuery中通常不会发生多次触发的问题,因为它符合浏览器的标准事件处理机制。通过将tap事件监听替换为click事件监听,我们可以避免多次触发的情况。 在代码示例中,我们可以通过jQuery绑定click事件到...

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

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

Global site tag (gtag.js) - Google Analytics