關於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');


測試,,,正常了,呵呵!

相關文章
相關標籤/搜索