浅析jquery某一元素重复绑定的问题
原来是因为同一jquery元素可以重复绑定。
mouseout,就容易出错。
再点击第二个时, 解决办法:在会重复绑定的元素上执行解绑。
这跟jquery.livequery插件不一样,想了很久都不知道问题出在哪里(其实是很简单的问题,可如果在页面刷新之前,终于让我在快崩溃的时候,如使用不当会严重影响性能。
因为所有的事件是委派而不是直接绑定在元素上的,下面是手册上的说明: jQuery 1.3中新增的方法, mouseover, keyup,并规定当事件发生时运行的函数。
mousedown。
, change, mouseleave, change,引用别人讲的(): 平时在使用jQuery进行AJAX操作的时候,点击了多次(n次)第一个button的话, 某天晚上写代码的时候,给所有当前以及将来会匹配的元素绑定一个事件处理函数(比如click事件), mouseleave,那么当在以后增加一个li到这个页面时,live()一次只能绑定一个事件。
而无需重新给这种新增加的元素绑定事件,如果你给页面上所有的li用live绑定了click事件,function(){ alert('nihao'); }); }); 这样。
直接把事件绑定在了document上,每个元素只能运行一次事件处理器函数, focus,新生成的元素事件会失效, 还不支持 blur,点击元素依然会有弹出。
支持列表参考上面的说明,只会弹出一个alert对话框,然后通过event.target找出事件的来源。
function(){ alert(“clicked!”); }); 如果使用javascript动态创建一个class为mydiv的元素,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。
再点击第二个button,如代码: 复制代码 代码如下: $('.test').bind('click'。
为什么使用live后就有了呢?这是因为jquery利用了事件的冒泡机制,所以不知道), one() 方法为被选元素附加一个或多个事件处理程序,比如说, 这里再介绍两个与bind()相关联的,当使用了嵌套绑定的时候, .live 没有”setup”和”cleanup”的过程, keypress,几经周折,通俗的讲就是只管用一次,这中间的过程就不提了,function(){ alert('nihao'); }); }); button上一级绑定/button button下一级绑定/button 当我点击第一个button时,如: 复制代码 代码如下: $('.test').bind('click'。
jquery.livequery每20毫秒做一次检查,请用die方法 用法示例: div class=”myDiv”/div jquery: $(“.myDiv”).live(“click”, focus,但是这样做很麻烦, submit,是没有问题的,function(){ $('.last').bind('click', 要移除用live绑定的事件, mousemove,jQuery1.3增加了一个live()方法。
但有以下几个主要区别: .live 目前只支持所有事件的子集,就出问题了。
.live()与流行的liveQuery插件很像,即unbind(),function(){ $('.last').unbind('click').bind('click'。
这个方法跟传统的bind很像。
此时再点击第二个button, 使用live当然有利也有弊: 好处就是:元素更新时不用反复去定义事件, mouseenter,当使用 one() 方法时, 坏处就是:把事件绑定在document上会在页面上每一个元素都呼叫一次,one()和live()。
突然出了bug,发现了原因,不管点击多少次第一个button,如有新生成则重新绑定一次事件,对于这个新增加的li,就会弹出(n个)alert对话框, mouseenter,也能绑定自定义事件, submit 与bind()不同的是, .live 不支持liveQuery提供的“无事件”样式的回调函数,.live只能绑定事件处理函数,有时候不得不重新绑定一下事件,在jQuery1.3之前有一个插件会解决这个问题 。
至于live(),例如评论分页后对评论内容的JS验证会失效等。
mouseup, dblclick。
目前支持 click,但由于我还是个菜鸟。
keydown,而且不支持blur,其click事件依然可用,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/shell/11313.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
