我有一个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;,数据)之后立即验证了警告;数据内容设置为预期值的行,但除标题外,弹出窗口中没有任何内容。
选择器中的答案 0 :(得分:0)
jquery.data() API设置元素的数据,但是被jQuery抽象出来并位于DOM之上的一层。我会考虑使用$(this).attr('data-content', data);