在網頁開發過程中，我們經常會使用bootstrap這套由推特開源的前端框架。其中在業務的開發過程中，存在這樣的業務場景：點擊編輯按鈕，彈出模態框，然後在模態框中對信息進行編輯。bootstrap的模態框，如果設置的是默認點擊空白處自動關閉，不是自己通過JS進行控制時，驗證信息使用alert("XXXX"),點擊否，會直接關閉模態框，之前填寫的內容會清空，導致用戶體驗不好。
那麼怎麼解決這個問題呢？接下來，我將講解一下如何處理：
1、一般情況下，我們使用bootstrap模態框會使用下面的代碼
如果使用這段代碼，同時沒有清除紅框內部分的代碼，這將會導致你在關閉alert()時點擊「否」，直接關閉模態框。
2、使用JS控制模態框顯示和影藏。首先你需要去掉紅框內的代碼，然後通過$("#myModal").model("show")來控制id為myModal的模態框顯示，使用$("#myModal").model("hide")來控制id為myModal的模態框隱藏。
使用bootstrap的模態框的默認設置，確實很方便。但是在某些使用場景下，會導致使用體驗較差，因此，在合適的時候還是需要切換到手動控制模態框顯示隱藏。