我正在尝试绑定(bind)一些代码以在我的模式打开时触发。我打开模式没有问题,但出于某种原因我无法确定我的事件没有触发。
这是我的模式
<div id="details" class="modal fade" style="display: none;" aria-hidden="true">
<div class="modal-dialog modal-">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
<p id="modal-body" class="text-defualt text- text-normal text-left"></p>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
这是我要运行的 JS 脚本
<script>
$(function(){ // let all dom elements are loaded
$("#details").on("show.bs.modal", function (e) {
alert("event fired");
});
})
</script>'
我正在使用 bootstrap 3.3 和 jQuery v1.11.2
如果有更多信息有助于解决问题,请告诉我 提前致谢
最佳答案
请尝试以下代码: 假设您在单击任何按钮时打开模式弹出窗口;添加以下代码,它应该可以工作: 引用这个fiddle
<script>
$(function(){ // let all dom elements are loaded
$(document).on('show.bs.modal','#details', function () {
alert('hi');
});
});
</script>
关于javascript - Bootstrap 模态事件不会触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45834014/