我有一些html,显示的是youtube vidz列表,应该在其上进行悬停操作。当我创建此列表的静态列表时,它可以正常工作,但是当我尝试使用jquery动态创建它时,列表将呈现,但悬停效果不起作用。我已将其上传到我的网站,以使其更易于查看(太多的.js文件无法加载到小提琴中)。
http://me.thefaheyfamily.com/videos.html
在该页面上,第一个视频是静态视频,而其余视频(在单独的行下方)则是动态加载的,这是行不通的。我试着排除了一些.js文件,以为某处可能存在冲突,但似乎该样式没有被应用到动态代码中。
任何帮助/方向表示赞赏!
这是因为在将动态内容添加到页面之前,先使用jQuery添加动画。jQuery与CSS不同,如果您选择带有jQuery的类并对其应用动画,则不会将其添加到新元素上,jQuery仅会在调用时查看页面中的内容。
为了快速进行测试,请hover_overlay();
在页面加载后打开浏览器JavaScript控制台并调用函数,现在您将看到动画已添加到动态添加的内容中。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句