永利爆大奖安全网址-永利爆大奖线路检测中心

【永利爆大奖安全网址,永利爆大奖线路检测中心】,欢迎来到【LG】娱乐中心,玩你所玩,看你所看,澳门皇冠,太阳集团,澳门太阳赌城,永利402,55402com永利,永利402com,澳门十大赌场,手机网投平台,赌博app官网,永利官网,永利国际,永利皇宫,永利注册,金沙城,金沙官网奥门金沙网址,4166am金沙,我们是一家正规的网上官方平台,自创建以来,以其稳定、安全、快捷和良好的信誉得到了各界同仁的一致认可和好评。期待您的到来!

jQuery向动态变化的内容充足事件响应

日期:2019-11-26编辑作者:永利爆大奖

jQuery live() 方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。

这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说:

<body> <div class="clickme">Click here</div> </body>

可以给这个元素绑定一个简单的click事件:

$('.clickme').bind('click', function() { alert("www.phpernote.com"); });

 当点击了元素,就会弹出一个警告框。然后,想象一下这之后有另一个元素添加进来了。

$('body').append('<div class="clickme">Another target</div>');

尽管这个新的元素也能够匹配选择器 ".clickme" ,但是由于这个元素是在调用 .bind() 之后添加的,所以点击这个元素不会有任何效果。

但 live() 就提供了对应这种情况的方法。如果我们是这样绑定click事件的:

$('.clickme').live('click', function() { alert("www.phpernote.com"); });

这样点击新增的元素,他依然能够触发事件处理函数。

事件委托

live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。

在我们的例子中,当点击新的元素后,会依次发生下列步骤:

生成一个click事件传递给 <div> 来处理。
由于没有事件处理函数直接绑定在 <div> 上,所以事件冒泡到DOM树上。
事件不断冒泡一直到DOM树的根节点,默认情况下上面绑定了这个特殊的事件处理函数。
执行由 .live() 绑定的特殊的 click 事件处理函数。
这个事件处理函数首先检测事件对象的 target 来确定是不是需要继续。这个测试是通过检测 $(event.target).closest('.clickme') 能否找到匹配的元素来实现的。
如果找到了匹配的元素,那么调用原始的事件处理函数。
 
由于只有在事件发生时才会在上面的第五步里做测试,因此在任何时候添加的元素都能够响应这个事件。

您可能感兴趣的文章

  • 给通过jquery动态生成的内容添加事件
  • 网站上多种url都能访问同样的内容是件危险的事
  • JavaScript和Jquery动态加载Js文件和Css文件
  • jquery如何为动态创建的节点绑定事件
  • Js地址栏特效(显示页面内所有加链接的图片的大小和查看当前的浏览器的高度)
  • js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox
  • jquery获取同辈元素集合,jquery siblings 用法总结
  • 肩,背部肌群锻炼-引体向上-俯立划船-俯卧挺身-站姿负重俯身弯起-坐姿颈后下拉-俯立正握上拉-颈前宽握引体向上

live() 方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。 这...

本文由永利爆大奖安全网址发布于永利爆大奖,转载请注明出处:jQuery向动态变化的内容充足事件响应

关键词:

粘滞键设置已关门

台式机shift变粘贴,粘滞键设置已关闭,台式机shift 后边手贱吧,拿湿抹布擦了擦台式机Computer的自带键盘,然后部分...

详细>>

iOS大转盘抽取奖金

iOS大转盘抽取奖金,ios大转盘 功能 点击大转盘旋转后定位到某个自个儿能够规定的职位 结构 转盘,最早开关,指针...

详细>>

极致体验ajax局部

极致体验ajax局部和整体刷新,极致体验ajax局部 本篇文章将向大家介绍如何通过jquery的load方法进行局部刷新,load方法...

详细>>

Chrome拷贝插件的自己检查自纠

Chrome拷贝插件的对待 zeroclipboard和clipboard插件,zeroclipboard 1、zeroclipboard插件 实现原理:Zero Clipboard 利用 Flash 进行复制...

详细>>