首页 > 代码库 > 关于Bootstrap之JS插件模态框的重要注意事项

关于Bootstrap之JS插件模态框的重要注意事项

用modal.js插件的模态框时,根据参考文档写下了如下代码:

 $(‘#myModal‘).modal(‘toggle‘).on(‘shown.bs.modal‘, function (e) {

        //TODO something

 });

运行结果:

chrome正常!

IE8+(低版本没试)不响应事件,竟然不响应事件!

>>排查步骤:

  1. 翻看文档,看有没有介绍此处存在兼容问题,结果没有;

  2. 既然不存在兼容问题,就是代码的编写问题了,问题变得好办了,顺序翻转:

$(‘#myModal‘).on(‘shown.bs.modal‘, function (e) {

        //TODO something

 }).modal(‘toggle‘);


测试,,,正常了,呵呵!


关于Bootstrap之JS插件模态框的重要注意事项