關閉bootstrap alert提示視窗的實作方法

bootstrap alert的關閉方法：先開啟bootstrap-alert.js原始碼；然後把close button的data-dismiss去掉；最後加上「onclick="$('#my_alert').hide(); "”即可。

本教學操作環境：windows7系統、bootstrap3版，此方法適用於所有品牌電腦。

推薦：《bootstrap影片教學》

解決BootStrap的alert提示框的關閉後再顯示問題

bootstrap中有alert元件，如果點擊關閉按鈕後該元件會被刪除而不是被隱藏，想再顯示怎麼辦呢？

bootstrap-alert.js原始碼片段：

function removeElement() {
$parent
.trigger('closed')
.remove()
}

理論上把.remove()改為.hide()，然後在需要重新顯示的地方，加上$('#alert ').show();就可以了。

但實際應用中，可以把close button 的data-dismiss 去掉，加上onclick="$('#my_alert').hide();"

這樣還是可以用. show() 顯示出來。

以上是關閉bootstrap alert提示視窗的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！