你能看看this demo吗?让我知道为什么
$(".onealert").on("click",function(){
alert("You clicked on A");
});
没有正常工作?
这是我的代码:
<div class="the-box">
<div class="pull-right btn-group btn-group-sm" id="downloadSelect">
<button type="button" class="btn btn-default">1</button>
<button href="#" class="trigger btn btn-default">2</button>
<button type="button" class="btn btn-default">3</button>
</div>
<div class="head hide">Alphabet Select</div>
<div class="content hide">
<div class="form-group">
<div class="btn-group btn-group-sm">
<button type="button" id="1Download" class="btn btn-default onealert">A</button>
<button type="button" id="2Download" class="btn btn-default">B</button>
<button type="button" id="3Download" class="btn btn-default">C</button>
</div>
</div>
</div>
</div>
我也没有收到任何错误消息!
谢谢
最佳答案
那是因为 Bootstrap 会在小对话框出现时为它构建新标记,仅使用隐藏标记作为模板,这意味着它是动态内容,在您添加事件处理程序时不存在,您需要一个委托(delegate)处理程序
$('.the-box').on("click", ".onealert", function(){
alert("You clicked on A");
});
关于javascript - Bootstrap Popover 中按钮的单击和警报问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26107462/