jquery - Bootstrap Popover，.click 没有在 popover 中捕获按钮

Question

首先，问题的 fiddle :jsfiddle.net

我正在使用一个弹出窗口，它的内容是 html，一个类为“click_me”的按钮。我有 jquery 来监听对“click_me”的点击，它应该会发出警报。然而，事实并非如此。我错过了什么吗？

JS:

jQuery(document).ready(function($) {

$('.demo_button').click(function () {
    $(this).popover({
                html: true,
                trigger: 'manual',
                placement: 'right',
                content: function () {
                    var $buttons = $('#popover_template').html();
                    return $buttons;
                }
    }).popover('toggle');
});

$('.click_me').click(function() {
    alert('it works!');
});

});

HTML:

<button class="btn btn-primary demo_button">Click here</button>

<div id="popover_template">
    <button class="btn click_me">Make Alert</button>
</div>

Answer 1

.click() 仅适用于加载时出现的元素，您需要使用 on()

$(document).on("click", ".click_me", function() {
    alert('it works!');
});