MVC + Bootstrap＆amp;部分视图Ajax已加载内容

Question

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

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

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

Answer 1

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

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

加成：

对于您要绑定的其他动态添加的DOM元素，例如click事件，您可以使用

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