悬停操作不适用于动态创建的UL

罗伯特

我有一些html,显示的是youtube vidz列表,应该在其上进行悬停操作。当我创建此列表的静态列表时,它可以正常工作,但是当我尝试使用jquery动态创建它时,列表将呈现,但悬停效果不起作用。我已将其上传到我的网站,以使其更易于查看(太多的.js文件无法加载到小提琴中)。

http://me.thefaheyfamily.com/videos.html

在该页面上,第一个视频是静态视频,而其余视频(在单独的行下方)则是动态加载的,这是行不通的。我试着排除了一些.js文件,以为某处可能存在冲突,但似乎该样式没有被应用到动态代码中。

任何帮助/方向表示赞赏!

WiMantis

这是因为在将动态内容添加到页面之前,先使用jQuery添加动画。jQuery与CSS不同,如果您选择带有jQuery的类并对其应用动画,则不会将其添加到新元素上,jQuery仅会在调用时查看页面中的内容。

为了快速进行测试,请hover_overlay();在页面加载后打开浏览器JavaScript控制台并调用函数,现在您将看到动画已添加到动态添加的内容中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

动态更改表单操作不适用于 MailChimp

来自分类Dev

Twitter Typeahead不适用于动态创建的输入

来自分类Dev

addEventListener不适用于动态创建的按钮

来自分类Dev

验证不适用于动态创建的值

来自分类Dev

动态创建的元素内的指令不适用于angularjs

来自分类Dev

搜索不适用于动态创建的行

来自分类Dev

静音不适用于动态创建的视频

来自分类Dev

动态创建的元素内的指令不适用于angularjs

来自分类Dev

CSS不适用于动态创建的html

来自分类Dev

单击功能不适用于动态创建的元素

来自分类Dev

搜索不适用于动态创建的行

来自分类Dev

jQuery scrollTop 不适用于动态创建的 textarea

来自分类Dev

CSS 不适用于动态创建的内容 [jQuery]

来自分类Dev

单击事件不适用于动态创建的按钮

来自分类Dev

slick插件不适用于动态创建的内容,但适用于静态内容

来自分类Dev

悬停不适用于动画div

来自分类Dev

悬停不适用于mouseleave

来自分类Dev

jQuery悬停不适用于AngularJS

来自分类Dev

悬停不适用于更大的高度

来自分类Dev

变体悬停不适用于TailwindCss

来自分类Dev

悬停不适用于AJAX

来自分类Dev

悬停不适用于子元素

来自分类Dev

CSS A:悬停不适用于Safari

来自分类Dev

按钮悬停不适用于透明

来自分类Dev

填充不适用于ul

来自分类Dev

jQuery - 鼠标悬停/悬停等不适用于新创建的元素

来自分类Dev

重塑(#)不适用于动态参数

来自分类Dev

jQuery .on不适用于动态内容

来自分类Dev

buttonset()不适用于动态输入