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

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

Bootstrap 4 How do I initialise different types of popover

twitter-bootstrap-4

bootstrap-4