Twitter引導彈出窗口顯示在第二個懸停時以及之后（但不是第一次）。

Question

我試圖在進行ajax調用后顯示元素的彈出框。 一切正常，直到首次訪問ajax請求並獲取數據，除了發生mouseover事件時不顯示任何數據。 但是，當您再次將鼠標懸停在它上面時，您可以在彈出窗口中看到數據。 我在這里和網上四處看看，發現了類似的情況，但沒有我的情況復雜（沒有鼠標懸停事件和Ajax）。 我了解，在我遇到這種情況時，popover似乎沒有被初始化。 但事實是，我只能在調用ajax之后才能顯示它，並且必須將其輸入mouseenter。 任何人都可以修改或引導我在第一次嘗試時顯示彈出窗口。 感謝您的幫助（請注意，我的頁面上有兩個，我只顯示其中之一）。

元件

<a href="#" rel="popover" id="users">Access Count:</a>

使用Javascript

 $('#users').mouseenter(function () {
        $.ajax({
            type: "GET",
            url: "/album/feature_getaccess",
            data: { aID: modelID },
            success: function (result) {
                $('#users').popover({ content: result, html: true, placement: 'top', trigger: 'hover', delay: { show: 500, hide: 1500 } });
            }
        });
    });

第二只鼠標移入后工作正常。

Answer 1

只需刪除mouseenter內容，彈出框仍將僅顯示在mouseenter上，因為您已將其設置為trigger: 'hover'

$.ajax({
    type: "GET",
    url: "/album/feature_getaccess",
    data: { aID: modelID },
    success: function (result) {
        $('#users').popover({ content: result, html: true, placement: 'top', trigger: 'hover', delay: { show: 500, hide: 1500 } });
    }
});