JQuery脚步创建的新元素的事件响应
JQuery脚步创建的新元素的事件响应
雪之丞 发表于3年前
JQuery脚步创建的新元素的事件响应
  • 发表于 3年前
  • 阅读 247
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

摘要: JQuery脚步创建的新元素的事件响应事件

1 问题: 实现了 class="test"的div的点击响应事件 $('.text').click(function(){....}); , 但当用脚本创建了一个class为test的div,点击后没有响应, 例如:当点击class为add的div标签后,在该标签前新增一个class为test的div $('.add').click(function(){ var str = ‘<div class="test">’ +'此处省略......;' +'</div>'; $(this).before(str); });

2 解决方法: 将 $('.text').click(function(){....});, 改为:$('.text').live('clic', function(){....});,

3 关于live()方法的介绍; (1)live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 (2)通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。 (3)语法$(selector).live(event,data,function) 参数 event 必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到该函数的额外数据。 function 必需。规定当事件发生时运行的函数。

共有 人打赏支持
粉丝 13
博文 209
码字总数 51065
×
雪之丞
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: