Rumah >hujung hadapan web >tutorial js >Bootstrap Modal Event Not Fired When Modal is Shown/Hidden

Bootstrap Modal Event Not Fired When Modal is Shown/Hidden

PHP中文网
PHP中文网asal
2017-06-17 17:42:201222semak imbas

问题描述

使用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>

Atas ialah kandungan terperinci Bootstrap Modal Event Not Fired When Modal is Shown/Hidden. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn