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

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

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

        //TODO somethingjava

 });chrome

运行结果:测试

chrome正常!spa

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

>>排查步骤:orm

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

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

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

        //TODO something

 }).modal('toggle');


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

相关文章
相关标签/搜索