Bootstrap Popover, .click не ловит кнопку внутри поповера
Прежде всего, скрипка, проблема: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>