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

2019独角兽企业重金招聘Python工程师标准>>>

用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');

测试，，，正常了，呵呵！

转载于:https://my.oschina.net/Huntero/blog/332011