javascript - 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

你需要打电话

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

显示弹出框

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

编辑

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