Bootstrap Popovers无法在Popup模式中工作（不是z-index）

Question

好的，所以我创建了一个popover来向用户显示哪些按钮适用于等等，好吧，它们可以在我的网站上运行，但是当我尝试在弹出模式中使用一个按钮时，它并不适合。

无弹出式模式：

弹出式模式

我的Javascript来修改弹出式模式：

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

要加载我的模态，我正在使用$.ajax()（如果有任何帮助的话）：

//$(document).off('click');
$(document).on('click', "a[data-target='#globalModal']", function (ev) {
    ev.preventDefault();

    $("#globalModal").modal("show");
    var target = $(this).attr("href");

    $.ajax({
        url: target,
        type: 'GET',
        async: false,


    }).done(function(data)
        {
            $(".modal-content").html($(data).find('.inner_modal'));

            $(".modal-header").prepend('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>');
        }) ;

});

我如何创建弹出式工具提示：

<i class="fa fa-building" data-toggle="popover" title="Hint:" data-content="Get Driving directions"></i>

我该如何解决这个问题？它有效，但不是在模态内部吗？

Answer 1

所以你必须在加载图标后调用popover。

}).done(function(data) {
  $(".modal-content").html($(data).find('.inner_modal'));
  $(".modal-header").prepend('<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>');
  $('[data-toggle="popover"]').popover({trigger: "hover",  placement: 'auto left'});
});