javascript - Bootstrap 模式加载时触发事件

标签 javascript twitter-bootstrap bootstrap-modal

我有一个显示多个项目的页面,当单击一个项目的标题时,它会获取内容并将其显示在 modal 中。 ,使用 href 目标获取内容:

<div class="tile-title">
    <a href="/get/content" data-target="#ModalDetailPoi" data-toggle="modal" class="feed_item_summary">Title</a>
</div>

我想在内容加载后做一些事情,所以我尝试使用事件 loaded.bs.modal, show.bs.modal, shown.bs.modal 但它们似乎从未被触发:

jQuery('.feed_i').on('loaded.bs.modal', function(e){
    console.log('azer');
});

我错过了什么吗?

最佳答案

你为什么不试试:

jQuery(document).on('loaded.bs.modal', function(e){
    console.log('azer');
});

通常模态框添加在文档的末尾,事件本身不会在打开弹出窗口的事件上触发。

关于javascript - Bootstrap 模式加载时触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39074192/

相关文章:

html - Django 开发服务器不提供 bootstrap 3 glyphicons

twitter-bootstrap - 编辑 Bootstrap 模板,更改 jarvisWidget 标题文本

html - 通过 Bootstrap 模式中图像选择中的按钮更改背景图像

javascript - 仅在滚动百分比一次后在页面加载时显示 Bootstrap 模态

javascript - 如何使用 Knockout 连接 Observable 数组中的所有项目?

javascript - iOS 的 NativeScript livesync 在启动时失败

javascript - 网格系统不工作|自举

javascript - 提交表单后将引导模式显示为 "thank you"

JavaScript/jQuery : Remove item from multidimensional array by value

javascript - HTML5 音频 API 声音无法正确暂停