MVC + Bootstrap & Partial 视图 Ajax 加载的内容

Question

我目前正在使用 bootstrap 和 mvc 以及 jQuery 构建一个应用程序，我有一些问题，关于一起使用所有框架的最佳方法。

我有一个视图，它在 $(document).ready() 上调用我的函数 ns.component.load({}) => 使用 ajax 加载和部分视图。但是这个局部视图有一些引导元素，例如工具提示。如果我的视图在没有 ajax 的情况下加载，则工具提示可以正常工作，因为引导库通过绑定 $(function() { $('.tooltip').tooltip({})} 进行初始化。我不想，每次我必须使用我的“组件”时，都必须在每个视图或部分视图内显式启动 $('.tooltip').tooltip() 或任何其他组件，并且还会通过重复引导组件初始化来污染视图。

在我的 _Layout 视图中，我已经为这个库声明了脚本包。但是动态内容比较乱。

Answer 1

您可以尝试以下方法将工具提示功能绑定到 DOM 中动态添加的元素

$('body').tooltip({
    selector: '.tooltip'
});

奖金：

对于其他想要绑定的动态添加的DOM元素，比如点击事件，可以使用

$(document).on('click', '.myClass', function(){
   // do something
});