Jquery 插件悬停卡在动态生成的内容中不起作用
Jquery plugin hovercard not work in dynamically generated content
Jquery 插件 Hovercard 在简单的 HTML 代码中运行良好,但当我在 JavaScript 代码中使用它时不起作用(通过 JavaScript 动态创建 HTML 代码(。也许这也是一个普遍的问题,jquery 插件如何在 js 代码生成的内容中工作?
我没有看到你的任何代码,所以我不确定这是否有帮助。但是使用 JS 动态添加 HTML 的问题在于,生成的 DOM 元素不会附加必要的事件处理程序(在 Hovercard、mouseover
、mouseout
和可能的其他情况下(。解决方案是在添加新添加的 DOM 元素后调用$(...).hovercard({...})
。例如
$("body").append("<a class='hovercard'>New element.</a>");
$("body a.hovercard").hovercard({...});
在此块之后,a
标签将具有悬停卡效果。如果对 $(document).ready()
中的某些元素调用 hovercard()
,则只有触发DOMContentLoaded
事件时存在的那些元素才会具有效果(不是您稍后添加的任何元素(。
相关文章:
- 悬停时的Jquery不起作用
- 为什么jQuery悬停方法在这种情况下不起作用
- Jquery悬停选择不起作用
- 悬停时颜色变为灰度在IE11中不起作用
- 淡入淡出链接悬停不起作用
- 简单的鼠标悬停在 Chrome 中不起作用
- 悬停时函数在具有相同 id 的多个元素中不起作用
- 悬停不起作用时对不透明度更改进行动画处理
- .CSS.:悬停在导航>李上不起作用
- 当加载带有hastags的动态内容-URI时,Jquery-悬停效果不起作用
- CSS悬停在JQuery循环的最后一条记录中不起作用
- jquery悬停在图像上不起作用
- 鼠标悬停功能获胜'不起作用
- 悬停缩放在数据表的第二页上不起作用
- kwicks滑块正在加载,但鼠标悬停不起作用
- 悬停内容悬停不起作用
- 鼠标悬停导航链接不起作用
- Chart.js-悬停弹出-添加带值的标签-不起作用
- 鼠标悬停元素在使用量角器时不起作用
- 伪类悬停在 JavaScript ImageSwap 中不起作用