Bootstrap Popover不会在第一次使用Ajax进行悬停事件时出现

Question

我尝试过的适当位置在这里：

$(".popovers").mouseover( function()
{
    //var mainTableBody = document.getElementById("subCriteriaTableBody");
    var tableRows = document.getElementsByClassName("popoversBlock");
    var i = 0, j = 0;
    for (i = 0; i < tableRows.length; i++) 
    {
        var labelList = tableRows[i].getElementsByTagName("label");             
        var tdList = tableRows[i].getElementsByClassName("popovers");               
        for (j = 0; j < labelList.length; j++) 
        {
            if(labelList[j].parentElement.parentElement.rowIndex == tdList[j].parentElement.rowIndex) 
            {   
                attName = $(this).text();   
                var attributeName = attName.slice(0, -1);   
                $.ajax({
                    url:'/diganta/getPopoverValueReassignTaskOfUser.do?attributeName='+attributeName,  
                    type:'post',  
                    dataType: 'json',  
                    success: function(data) {
                        $('.popovers').attr('data-content', data.PopoverValue); 
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert("Failed! Reason: "+ thrownError);
                    }
                });
                break;
            } 
            else 
            {
                continue;
            }
        }
    }
});

当我将鼠标悬停时，我看到请求已发出，但没有填充弹出窗口。 我什至第一次都没有看到JSP页面，但是第二次可以将其添加到DOM中。

请帮助我....在此先感谢。

Answer 1

如果问题仅在第一次出现并且在以后解决，则可能是您遗失了：

$(document).ready(function(){
   ...
});

另一个建议， 引用W3C页面 ：

Popover不是仅限CSS的插件，因此必须使用jQuery进行初始化：选择指定的元素并调用popover（）方法。

Answer 2

你需要打电话

$('.popovers').attr('data-content', data.PopoverValue).popover('show');

展示Popover

希望它能解决您的问题...

编辑

$('#your_lable_id').attr('data-content', data.PopoverValue).popover('show');