Question

有一个通过ajax调用加载的页面。所以，最初，它是空的。用户输入一些过滤条件，然后通过ajax调用用于构建“新”页面。

现在我明白，当Jquery准备就绪时，由于页面不存在，Jquery将无法工作，我已经读过我将不得不对document.on做一些事情，但我不知道如何更改Jquery代码使其工作。

任何想法？

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

$( 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'
       });
    });

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

1 个答案: