jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery事件不适用于附加元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个网站 here

正如您所看到的,“图像”和“Web模板”选项卡上有一个微小的图像滑块,图像从右向左滑动,然后消失,然后它出现在父元素的最末端(< tr>在我的情况下).

如果将鼠标悬停在小图像上,则可以在左侧看到它的预览.

到现在为止还挺好.

但是,如果您等到第一张图像再次出现,则悬停事件将不再起作用.

jquery可能无法在< tr>的末尾看到新的附加元素.标签

解决方法

绑定事件的方式不适用于动态添加的元素.在preview_script.js中你有:

$(".Box_body img").hover(function(){

这将使用类“Box_body”向所有img标记添加事件处理程序,但稍后添加标记将不会获取事件.

试试这个:

$(document).on("hover",".Box_body img",function() {..});

这会将事件添加到文档中,并且只有在事件目标是img with class =“Box_body”时才会触发它.由于事件向上传播,只要它之间没有任何内容在它到达文档之前就停止它(通过调用“event.stopPropagation()”)

如果您知道“.Box_body img”的PARENT,您可以用它替换文档,这将更好一些,因为您不必等待事件传播到文档.

请注意,您可以使用委托完成相同的操作(如果on不可用):

$(document).delegate(".Box_body img","hover",function() {..});

大佬总结

以上是大佬教程为你收集整理的jquery事件不适用于附加元素全部内容,希望文章能够帮你解决jquery事件不适用于附加元素所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: