如何在一个 id 中制作多个 Popover？

Question

我可以用一个 ID 制作很多弹出窗口吗？

<div class="card-text">
   <a href="#" id="seelabel" data-toggle="popover" data-trigger="hover" title="Inkscape" data-content="Lihat postingan dengan label Inkscape?"><span class="badge badge-primary" id="Inkscape">Inkscape</span></a>
</div>
<div class="card-text">
   <a href="#" id="seelabel" data-toggle="popover" data-trigger="hover" title="Tutorial" data-content="Lihat postingan dengan label Tutorial?"><span class="badge badge-primary" id="Inkscape">Inkscape</span></a>
</div>

Javascript:

$('#seelabel').popover({
  trigger: 'hover'
})

Answer 1

id 属性应该是唯一的（不能有多个具有相同 id 的元素）。

尝试代替 id="seelabel"、class="seelabel" 和 javascript:

$('.seelabel').popover({
  trigger: 'hover'
})

如何在一个 id 中制作多个 Popover？

How to make multiple Popovers in one id?

javascript

jquery

bootstrap-4

popper.js