javascript - 将任何 Bootstrap 绑定(bind)到动态 HTML

Question

我的问题不是将单个事件绑定(bind)到特定的 DOM 元素。我的问题是，如何将整个引导库重新绑定(bind)到动态生成的 DOM 元素？

对于我的情况，我使用 Jquery 方法 .load，并且我想将该方法加载的 HTML 重新绑定(bind)到我的 Metro UI 引导库。我不认为访问加载的 HTML、检查所有使用的事件和组件并重新绑定(bind)它们是一个有效的解决方案。我可能更喜欢在加载动态 HTML 后以某种方式刷新所有绑定(bind)(如果这也是可能的)。有什么帮助吗？谢谢!

Answer 1

经过一段时间的尝试，我终于找到了执行脚本的方法。我在.load方法的回调函数中添加了另一个方法:

$("#id").load( "dynamic.html", function(){
    $.getScript("boostrap.js");
} );

这可能不是重新绑定(bind)元素的最有效方法，但至少我确保所有 JS 代码都重新绑定(bind)，就像 HTML 已从初始加载中加载一样。