Bootstrap 4如何初始化不同类型的弹出窗口

Question

我有两种类型的popover我想用Bootstrap 4.但似乎我可以初始化所有的弹出窗口，或者我可以单独初始化它们;

所以我可以这样做;

$('[data-toggle="popover"]').popover();

或者我可以这样做;

$('.basket').popover({
  html: true, 
  content: function() {
    return $('#usertools_content_wrapper').html();
  }
});

但我无法做到这两点，我错过了什么吗？因为我喜欢我的一些popovers内联，有些是以HTML为导向......

非常感谢任何建议

的Darren

Answer 1

这真的是你正在使用的jQuery选择器的问题。为什么不给每个popover元素一个唯一的id？然后用id ..

单独初始化它们

<a href="" id="item1" data-toggle="popover">popover element</a>
<a href="" id="item2" data-toggle="popover">popover element</a>

$('#item1').popover();
$('#item2').popover();