我将以下内容放置在 Twitter Bootstrap 弹出框中,其中包含一个链接,我想要监听点击事件:
<div id="popover-content">
<a id="link" href="#">click</a>
</div>
我正在使用一个按钮来显示包含上述内容的弹出窗口:
<button id="trigger" data-placement="bottom" title="title">Reveal popover</button>
我会将按钮与弹出窗口关联起来,并使用jQuery的 click()
函数,以监听弹出窗口中链接的点击事件:
$(function(){
$('#trigger').popover({
html: true,
content: function() {
return $('#popover-content').html();
}
});
$('#link').click(function() {
alert('beep');
});
});
然而,在点击按钮以显示弹出窗口,然后再点击链接时,似乎无法按照上述意图检测到点击。由于我对DOM、JavaScript和jQuery的理解相当有限,因此我不确定发生了什么。您如何选择/侦听包含在弹出窗口中的元素的操作?