Question

我在链接上有一个popover，通过JavaScript初始化。在popover本身，有一个调用函数的链接。但是当点击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 ...

，就应该分配

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

处理程序

round

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

显示后Bootstrap 4 Popover Javascript

1 个答案: