twitter-bootstrap-4 - Bootstrap 4 如何初始化不同类型的弹出框

Question

我有两种类型的弹出框，我想与 Bootstrap 4 一起使用。但似乎我可以初始化所有弹出框，或者我可以单独初始化它们；

所以我可以这样做；

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

或者我可以这样做；

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

但我不能两者都做，我错过了什么吗？因为我希望我的一些弹出框是内联的，而一些是面向 HTML 的......

任何建议将不胜感激

达伦

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();