设置Bootstrap popover的数据内容不起作用

时间:2017-07-17 23:12:38

标签: jquery twitter-bootstrap

我有一个Bootstrap 3 popover,用于显示在表格单元格中单击图标的时间。表格行在页面加载时动态插入。我的jQuery使用Ajax调用来获取popover的内容。显示弹出窗口时,其标题的内容为空。

这里是相关的html:

<td>1-Year Individual <a tabindex="0" class="history-info" data-trigger="focus" data-memberid="123" data-toggle="popover" data-placement="left" data-title="Membership history for Fred Smith" data-html="true" data-content=""><span class="glyphicon glyphicon-info-sign" style="color:grey;"></span></a></td>

如您所见,data-content属性设置为空。

这是我的javascript。

$("#member-table .history-info").on("show.bs.popover", function () {
var memberid=$(this).data("memberid");
$.ajax({
    url: "memberships-GetHistoryInfo.php",
    type: "GET",
    data: {MemberID: memberid},
    datatype: "html",
    async: false,
    success: function (data) {
        $(this).data("content",data);
    }
});

})

我已在$(this).data(&#34;内容&#34;,数据)之后立即验证了警告;数据内容设置为预期值的行,但除标题外,弹出窗口中没有任何内容。

选择器中的

成员表是有问题的表的ID,除了标题。

1 个答案:

答案 0 :(得分:0)

jquery.data() API设置元素的数据,但是被jQuery抽象出来并位于DOM之上的一层。我会考虑使用$(this).attr('data-content', data);

添加属性