BootstrapModalEventNotFiredWhenModalisShown/Hidden

问题描述

使用jQuery(3.2.1)。

Bootstrap(v4-alpha)的Modal中，如果Modal存在.fade那么shown.bs.modal以及hidden.bs.modal事件的回调函数不会被正常触发。

但是show.bs.modal以及hide.bs.modal两个事件的触发是正常的。

这两种事件的区别在于immediately和wait for CSS transitions to complete。

解决方法

在设置事件监听器之前动态添加.fadeclass：

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

以上就是Bootstrap Modal Event Not Fired When Modal is Shown/Hidden的详细内容，更多请关注Gxl网其它相关文章！