Jquery/Bootstrap 悬停在 ajax 调用后不起作用

Question

获得了一个通过 ajax 调用加载的页面。所以，最初，它是空的。用户输入一些过滤条件，然后通过 ajax 调用将其用于构建 'new' 页面。

现在我明白 Jquery 将无法工作，因为当 Jquery 准备就绪时页面不存在，我已经读到我必须对 [=27 做一些事情=] 但我不知道如何更改 Jquery 代码以使其工作。

有什么想法吗？

这是用于显示 Bootstrap 3 弹出窗口的现有 jquery 代码。

$( document ).ready(function()

{

$('[data-toggle="popover"]').popover({
        trigger: 'hover',
        html: true,
    'placement': 'top'
});

$('.datepicker').datepicker({
 format: 'yyyy-mm-dd',
    startView: 1,
    todayBtn: 'linked',
    autoclose: 'True'
});

}); // Jquery

结束

Answer 1

您需要添加一些额外的 jquery，例如：

     $(document).ajaxStop(function () {

        $('[data-toggle="popover"]').popover({
          trigger: 'hover',
          html: true,
         'placement': 'top'
       });

       $('.datepicker').datepicker({
         format: 'yyyy-mm-dd',
         startView: 1,
         todayBtn: 'linked',
         autoclose: 'True'
       });
    });

Jquery/Bootstrap 悬停在 ajax 调用后不起作用

Jquery/Bootstrap hover not working after ajax call

jquery

twitter-bootstrap-3