MVC + Bootstrap & Partial views Ajax 加载的内容



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

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

_Layout在我看来,我已经为这个库声明了脚本包。但是动态内容是凌乱的。

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

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

奖金:

对于要绑定的其他动态添加的 DOM 元素,例如,单击事件,可以使用

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

最新更新