当前位置:首页>百宝箱>正文

jQuery学习笔记:元素点击无效,使用delegate()方法完美解决

发布时间:2019-04-16 15:35:32 作者:小超越君

利用jquery获取数据,并返回html代码到页面上,然后进行点击事件操作,如果这个时候利用click()方法($(“button”).click(function(){ });)是无效的,这个时候应该用delegate()方法!

定义:

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

用法示例:

点击“demoss”id下带有xh样式元素,返回当前点击元素文本到“demo”id元素下。

1
2
3
4
 $('#demoss').delegate('.xh', 'click', function (){
  $("#demo").html($(this).text());
       
  });

好了,以上就是jQuery学习笔记:js返回的元素点击无效,使用delegate()方法完美解决

文章内容欢迎转载,请保留本文链接:https://www.zhe94.com/527.html

专注高端湛江网站建设及湛江SEO优化服务 立即咨询