【用live()方法给新增节点绑定事件】的更多相关文章

用live()方法给新增节点绑定事件

jQuery 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的也有效. 这个方法是基本是的 .bind() 方法的一个变体.使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有.为此需要再使用一次 .bind() 才行.比如说: 1 <body> 2     <div class="clickme">Click here</div> 3 </body> 可以给这个元素绑定一个简单…

如果dom节点是动态添加进页面的，在页面节点绑定事件如何解决的问题。

如果dom节点是动态添加进页面,想在节点绑定事件,传统的做法就是遍历节点,但会出现问题,也肯能有其他的办法,突然想到 可以依据事件冒泡,这样就不惧页面后添加节点而不响应事件的问题.比较结实.示例代码如下 <ul id="tit"> <li>1a</li> <li>2a</li> <li>3a</li> <li>4a</li> <li>5a</li> <…

随笔一个dom节点绑定事件

以下利用jquery说明: js中,给一个dom节点绑定事件再平常不过了.这里说下,如果dom经常发生变化的话,给这个dom绑定事件的情况. 比如代码如下: li的节点,绑定了事件:点击会打出来里头的html内容. button点击事件:会生成一个li节点. <html> <head> <meta charset="UTF-8"> </head> <body> <ul class="ul"> &…

JQ动态生成节点绑定事件无效问题

最近做项目的时候遇见了一个问题,通过jq将动态节点绑定到dom节点上,并且为动态节点绑定方法,此方法再次为动态节点添加动态节点,但在刷新之后,动态节点上的方法失效了,过程为:创建动态节点->动态节点绑定方法->添加动态节点->刷新后点击动态节点方法失效. <!DOCTYPE html><html> <head></head> <body> <div id="liData"> </div>…

jQuery delegate方法实现Ajax请求绑定事件不丢失

给元素绑定click事件后 ,遇到一个问题:当执行一些ajax请求,再次调用此页面,里面的这个click事件就失效了 比如说:我的分页是一个ajax请求 但我点下一页时 后生成的元素a就没有了click事件了 自己做项目时遇到的问题: 目的:批量删除复选框,当点击删除的时候触发利用jquery绑定在按钮上的onclick事件从而获取所有复选框的值, 1.第一次直接smarty注入调取页面时没问题,当根据条件查询(Ajax实现),再次调用页面列出记录时,单击事件失效 原因:ajax加载内容是在$(…

jquery 动态 新增 元素 绑定事件

在jquery1.7以前使用live方法进行绑定,由于年代久远,这里就不介绍了. 在jquery1.7以后我们使用的on方法,这里需要注意的一点就是:如果想让动态生成的元素,都绑上事件,on前面的选择器必须是选择id,否则无法绑定新增元素. $('#sysMain').on('change', 'select[name="busi"]', function(){ //To Do })…

[js]jQuery EasyUI的linkbutton组件disable方法无法禁用jQuery绑定事件的问题分析

问题由来 linkbutton 是 jQuery EasyUI 中常用的一个控件,可以使用它创建按钮.用法很简单,使用 a 标签给一个easyui-linkbutton 的class就可以了. <a id="btn" class="easyui-linkbutton">这是一个按钮</a> 或者使用代码方式. $("#btn").linkbutton(); 实际使用时,经常会使用 jQuery 添加事件处理函数.例如 $(…

用jQuery来绑定事件的3种方法和区别

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ul> <li>111</li> <li>222</li> <li>333</li> &l…

学习之js绑定事件

由于ie中绑定事件的bug,所以产生了用原生的实践操作来模拟事件绑定的方法,跟着李炎恢学的一招. function addEvent(obj, type, fn){ if(obj.addEventListener){ obj.addEventListener(type, fn, false); }else{ if(!obj.events) obj.events = {}: if(!obj.events[type]) {   obj.events[type] = []; if(obj['on'+…

解决jquery新加入的元素没有绑定事件问题

在使用jquery操作时,往往需要动态的添加一些元素,但是这些新加入的元素并没有像css那样被赋予原本定义的样式,解决方法如下: 1.动态插入元素后,并用bind事件给新加入的元素绑定事件. 2.如果使用的是jquery 1.8以下的版本,可以使用live()方法进行绑定. $(function(){ $("a").live("click", function(){ alert("ok"); }); }); 3.使用on()方法来给元素绑定事件(…