Bootstrap 4 Popover Javascript 显示后

Question

我在 link 上有一个弹出窗口，通过 JavaScript 初始化。在 popover 本身中，有一个 link 调用函数。但是当点击弹出窗口中的 link 时，没有任何反应。任何的想法？我找不到关于这个的答案。

link和popover内容：

<a tabindex="0" href="#" role="button" class="remove-item-toggle">Remove</a>
<div id="remove-item-content" style="display: none;">
    <a href="#" class="remove-item">Confirm remove</a>
</div>

JavaScript:

$('.remove-item-toggle').popover({
    toggle: 'popover',
    trigger: 'click',
    html: true,
    placement: 'top',
    content: $('#remove-item-content').html(),
});

$('.remove-item').on('click', function () {
    // ---- nothing happens here, it's not fired ----
});

Answer 1

弹出窗口 shown...

后，应分配 click 处理程序

$('.remove-item-toggle').on('shown.bs.popover', function () {
     $('.remove-item').on('click', function () {
        console.log("works");
    });
})

https://www.codeply.com/go/daHrZxaK9v

Bootstrap 4 Popover Javascript 显示后

Bootstrap 4 Popover Javascript after showing

jquery

twitter-bootstrap

bootstrap-4

popover