如何解决带有弹出式数据切换的JS中的问题设置属性
我试图将鼠标悬停在图标上时显示内容。 当我在HTML中对其进行硬编码时,它可以正常工作。 但是,当我尝试通过javascript渲染同一件事时,悬停时什么也没有发生。
因此,当直接用HTML编写时,此方法有效:
<i id="iconid"
class="ki flaticon2-information icon-lg ml-3 text-dark"
data-container="body"
data-toggle="popover"
data-html="true"
data-content="hello"i>
这不起作用
<!--html-->
<i id="iconid"
class="ki flaticon2-information icon-lg ml-3 text-dark"
data-container="body"
data-toggle="popover"
data-html="true"
i>
<!--javascript-->
document.getElementById("iconid").setAttribute("data-content","hello");
当我检查渲染的代码时,两种情况下的一切看起来都完全相同,但是在第二种情况下,悬停时什么也没发生。
感谢您的帮助!
解决方法
如果使用引导程序,则可能需要在通过JS操作元素之后手动调用popover事件。
$('[data-toggle="popover"]').popover()
我认为问题在于,当您调用JS操作时,引导程序已经完成了元素的绑定事件。所以它就落伍了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。