Javascript 通过JQuery（使用Bootstrap 4）动态引用和更新popover标题/正文-而不是通过ID

下面是我正在使用的代码示例：

//显示popover
$（“e区”）.popover({
选择器：'.eqp'，
触发器：“单击”，
标题：“加载…”
}).on（'show.bs.popover'，函数（e）{
var popover_data_eid=$（e.target）.data（“eid”）；
var bodyEl=$（“.popover”）.find（“.popover body”）；
变量titleEl=$（“.popover”）.find（“.popover头”）；
//等待提取数据时显示微调器
html（“加载…”）；
$.getJSON（“http://ipinfo.io/“+popover_data_eid）
.完成（功能（数据）{
var结果=“”；
if（data.org）{
结果+=data.org+'
'；
}
if（数据城市）{
结果+=data.city+'，'；
}
if（数据区域）{
结果+=数据区域+“”；
}
国际单项体育联合会（数据国）{
结果+=数据。国家；
}
如果（结果=“”）{
结果=“未找到详细信息。”；
}
html（结果）；
titleEl.html（“进一步详情”）；
}).失败（功能（数据）{
结果=“未找到详细信息。”；
html（结果）；
});
});











引用popover的“tip”属性。像这样：

var popover = $(e.target).data('bs.popover');
var tip = $(popover.tip);

var bodyEl = tip.find(".popover-body");

然后，您可以参考特定的popover。
它工作正常。这里有一个不同的提琴：jsfiddle.net/udfz5wrv/1如果其他任何人都可以使用它，它允许您使用选择器（如果需要绑定处理程序等）、从选择器访问数据、显示引导加载微调器等。