Bootstrap Popover在Popup模式下不起作用（不是z-index）

Question

好的，所以我創建了一個彈出窗口，以向用戶顯示有關什么按鈕的提示等，它們可以在我的網站上工作，但是當我嘗試在彈出模式中使用一個按鈕時，它不會啟動。

無彈出模式：

彈出模式

我的Java語言來初始化彈出模式：

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