bootstrap模態框隱藏事件

問題

想要監聽模態框關閉后狀態寫清除數據的邏輯, 發現bootstrap提供的'hide.bs.modal', 只能監聽到一次關閉事件

 

Markup

   // 模態框隱藏
    $("#myModal").on('hide.bs.modal', function () {        // 清除數據 
                    // ....這里的邏輯只能在模態框第一次關閉時被觸發, 之后再無效
        $("#myModal").removeData("bs.modal");   
    })

這里關閉后的邏輯只能在模態框第一次關閉時被觸發, 之后再無效

 

解決方法

手動向模態框里面的關閉按鈕添加點擊事件, 可以每次點擊都可以被觸發

Markup

    // 模態框隱藏
    $("#closeBtn").on('click', function () {        // 清除數據 
                    // ....這里的邏輯可以一直被有效觸發
        $("#myModal").removeData("bs.modal");   
    })

原文地址：http://blog.cuteur.cn/post/509.html