首頁 >web前端 >js教程 >顯示/隱藏模態時不會觸發引導模態事件

顯示/隱藏模態時不會觸發引導模態事件

PHP中文网
PHP中文网原創
2017-06-17 17:42:201227瀏覽

問題描述

使用jQuery(3.2.1)。

Bootstrap(v4-alpha)的Modal中,如果Modal存在.fade那麼shown.bs.modal以及hidden.bs.modal事件的回調函數不會被正常觸發。

但是show.bs.modal以及hide.bs.modal兩個事件的觸發是正常的。

這兩個事件的差異在於immediatelywait for CSS transitions to complete

解決方法

在設定事件監聽器之前動態新增.fadeclass:

<code>$ ->
    registerModal = $('#registerModal')
    registerModal.addClass('fade')
    registerModal.on('hidden.bs.modal', ->
        $(this).find('input').val('')
    )</code>

以上是顯示/隱藏模態時不會觸發引導模態事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn