显示后的 Bootstrap 4 Popover Javascript

Posted 2023-05-08

【中文标题】显示后的 Bootstrap 4 Popover Javascript

【英文标题】：Bootstrap 4 Popover Javascript after showing

【发布时间】：2018-10-09 02:04:11

【问题描述】：

我在链接上有一个弹出框，通过 javascript 初始化。在弹出框本身中，有一个调用函数的链接。但是当点击弹出框内的链接时，什么也没有发生。任何想法？我找不到关于这个的答案。

链接和弹出框内容：

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

【参考方案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