当模式使用远程URL时,如何使shown.bs.modal触发
How to get shown.bs.modal to trigger when the modal uses a remote URL
问题
当通过传入远程url生成模态时,我无法使shown.bs.modal
正确激发。
在以下代码中,hidden.bs.modal
始终有效。
守则
$('#my_modal').on("shown.bs.modal", set_up_modal);
$('#my_modal').on("hidden.bs.modal", tear_down_modal);
$('#my_modal').modal({ remote: target_url });
set_up_modal = function() { console.log('up') };
tear_down_modal = function() { console.log('down') };
我尝试过的
我已经看过文件了。
我曾尝试将我的.on
更改为读起来更像$('body').on("shown.bs.modal", '#my_modal', saa.set_up_modal);
,但这没有产生任何更改(hidden.bs.modal
再次起作用)。
更新
我已经添加了console.log($._data( $('#my_modal')[0], "events" ));
,可以确认shown
正在绑定到对象,只是没有被调用。
我尝试过使用show.bs.modal
,这很有效,但我需要元素在屏幕上可见,以便对它们进行处理。
在此处从拉取请求中找到临时解决方案https://github.com/twbs/bootstrap/commit/4b1a6e11326fee97a5ebc194be040086f40f97fb
根据下面的内容编辑modal.js文件的第81行已经为我解决了这个问题,直到做出请求
- that.$element.find('.modal-dialog') // wait for modal to slide in
+ that.$element // wait for modal to slide in
相关文章:
- 如何使用jquery在填充自动完成的值后使文本框只读
- JQuery使计数器每次更改时都会增加
- 如何使Javascript动态html表及其上的事件
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- JavaScript打印功能使日历停止工作
- 使图像在单击时展开到不大于浏览器
- 如何使该数据在所有元素中加载
- 如何做到这一点,使代码在不传递条件后执行函数
- 如何在chrome扩展中存储数据/结果,以及如何使用setTimeout使其只被调用一次
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 如何使用css动画/javascript使具有背景图像的元素出现
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- ng应用程序使脚本无限运行
- 如何使MailHandler.php在Wordpress中工作
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何重写下面的函数,使其不会't用于循环
- 咖啡的Javascript订单总数无法使函数正常工作.请协助
- 如何使bxslider仅在移动视图中处于活动状态
- 当模式使用远程URL时,如何使shown.bs.modal触发