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中文网
Lepaskan: 2017-06-17 17:42:20
asal
1224 orang telah melayarinya

问题描述

使用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>
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan