Bootstrap Popover,.click没有抓住popover内的按钮

Question

首先,问题的一个小提琴:jsfiddle.net

我使用的是popover,它的内容是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()仅适用于您需要在()上使用的负载上存在的元素

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