JQuery delegate多次绑定的解决办法

最新推荐文章于 2020-09-21 14:15:34 发布

kuaikuai_945

最新推荐文章于 2020-09-21 14:15:34 发布

阅读量550

点赞数

分类专栏： JSP 文章标签： jsp delegate undelegate

本文链接：https://blog.csdn.net/kuaikuai_945/article/details/101781710

版权

JSP 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

$('body').undelegate($singleDom , 'click').delegate( $singleDom , 'click' , function () {
	var data = $(this).data('page');
	if (data != cPage) {
		ajaxSearchData(data);
	}
})

先通过undelegate进行解绑，在通过delegate进行绑定，然后在function中执行绑定的点击事件执行内容

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kuaikuai_945

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JQuery 事件绑定和解绑(bind,delegate,on)

houyanhua1的专栏

03-19

839

demo.html：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.11.1.js"&amp

delegate 绑定时间多次调用问题

江湖 - 郎中 - 路

08-20

1227

使用 $("div").delegate(".btn-primary","click",function(){ return confirm("Are you sure??"); }); 进行数据绑定，确认框总是弹出2次，后来发现页面有2层div标签导致2次数据绑定。修改为 $("#table").delegate(".btn-primary","click",fun

参与评论您还未登录，请先登录后发表或查看评论

动态添加行为元素解绑事件 delegate的解绑事件 off的解绑事件

Leon_Jinhai_Sun的博客

01-20

307

动态添加行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; ...

令我感到惊诧的性能问题——Delegate

weixin_34203832的博客

05-23

138

最近在组织一个.GAME FRAMEWORK的项目，由于这是一个和游戏相关的项目，所以必须要考虑性能的问题。比如说事件，就让我想起一篇比较久远的文章，里面提到了delegate的效率问题。里面的数据是：平均最小调用类型 0.2 0.2 inlined static call 6.1 6.1 static call 1.1 1.0 inlined...

jquery live()重复绑定的解决方法介绍

10-26

从jQuery 1.7开始，on() 方法被推荐用于绑定事件，且可以替代live()、delegate()等方法。 4. 检查并移除重复绑定的代码，确保不会有多个地方绑定相同的选择器到相同的事件。需要注意的是，live()方法在jQuery 1.9...

jQuery事件绑定与解除绑定实现方法

10-24

在这个匿名函数内部，我们看到`jQuery("div")`选择所有的`<div>`元素，然后使用`bind`方法将一个点击事件处理器绑定到它们： ```javascript jQuery("div").bind('click', function() { ... }); ``` 当用户点击...

jQuery中delegate()方法用法实例

12-03

`delegate()`方法在jQuery 1.7之后被`on()`方法取代，`on()`提供了更灵活的功能，可以处理直接绑定和委托事件。尽管如此，`delegate()`在很多旧代码中仍然广泛使用，理解其工作原理对于维护和升级这些项目至关重要。...

jQuery中delegate与on的用法与区别示例介绍

10-26

随着jQuery版本的更新，.on()方法逐渐成为了处理事件委托的推荐方式，因为它不仅包含了 Delegate() 的所有功能，还加入了一些额外的特性，比如一次绑定多个事件处理器等。因此，建议在实际开发中优先考虑使用.on()...

jQuery中delegate()方法的用法详解

10-21

`jQuery`中的`delegate()`方法是一个非常有用的功能，它允许我们为动态添加的元素绑定事件处理器。这个方法在处理大量动态生成的元素时特别有效，因为它只需要在一个静态的父元素上设置一次事件监听器，而不是对每个...

JQuery中的事件委托机制：delegate和undelegate

aty

02-03

2965

delegate()还有一个非常重要的性质：使用delegate() 方法的事件处理程序适用于当前已经存在或未来新增的元素。那么delegate()是怎么做到的呢？很简单，利用javascript中的事件冒泡机制。当子元素产生1个事件的时候，如果没有禁止这个事件的传播，那么父元素也会感知到这个事件(父元素上的事件处理函数被调用)。而且通过Event对象，能够拿到最初触发事件的元素。下面的代码，我们自己实现了1个简易的事件委托机制。

jQuery live 重复绑定,导致多次执行的解决方式

Terry - 专注外贸B2C

03-21

2858

一$.fn.live 重复绑定解决：使用die()方法，在live()方法绑定前，将此元素上的前面被绑定的事件统统解除，然后再通过live()方法绑定新的事件。 //先通过die()方法解除，再通过live()绑定 $(“#selectAll”).die().live(“click”,function(){ //事件运行代码 });

简述JS中的event delegate事件委托

天心天地生的博客

11-02

792

1.背景介绍事件处理程序可以为现代web应用程序提供交互能力，因此许多开发人员会向页面中添加大量的处理程序。但是在JavaScript中，添加到页面中的事件处理程序的数量会直接影响页面的整体运行性能。理由： 1.每个函数都是对象，都会占用内存。 2.事先指定所有的事件处理程序会导致DOM的访问次数增加，会延迟整个页面的交互时间。对“事件处理程序过多”问题的解决方案就是事件委托（Delega...

jquery事件delegate()方法用法详解

源辰_付鹏程

10-09

6208

我们先看官方是怎么说delegate()方法，delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数，使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。语法很简单 $(selector).delegate(childSelector,event,data,function) 参

jsp随笔-工作使用-直播功能

wz2209790775的博客

09-21

380

1.状态功能 <div class="form-group"> <label for="" class="col-md-3 control-label" style="text-align: right; width: 35%; margin-left: 15px;"> 状态分类</label> <div class="col-md-6"> <select class="form-control" id="se

jQuery 事件 - delegate() 方法

一万个小时

06-17

565

一、实例：当点击鼠标时，隐藏或显示 p 元素：$("div").delegate("button","click",function(){ $("p").slideToggle(); }); 二、定义和用法 delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 delegate() 方法的事件处

js事件重复绑定问题

婧小童的coding岁月

08-13

6615

先看一个简单的例子吧（为了方便，例子使用jQuery写的）：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id='create'>点击生成新的button</button> <div id="bu

jQuery事件绑定详解：从简单绑定到委托事件

`on`方法还可以接受多个事件类型，允许一次绑定多个事件。另外，`jQuery.fn.bind`是早期版本中用于事件绑定的方法，类似于`on`，但功能相对简单。例如，`$("#chua").bind("click", fn)`，它直接将事件绑定到选择器...