bootstrap modal的data-dismiss屬性

劍握在手發表於2016-10-15
<button type="button" class="btn default" data-dismiss="modal">關閉</button>

如果你的modal彈窗裡面加上這個按鈕,那麼點選則會關閉當前彈窗,關鍵在於data-dismiss="modal",它讓按鈕有了這個功能。這是bootstrap.js中MODAL外掛相關程式碼中定義的:

this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.proxy(this.hide, this))

 

所以不要亂用這個東西,複製的時候也別多複製這個屬性。

 

相關文章