BootstrapModalEventNotFiredWhenModalisShown/Hidden

来源：动视网责编：小采时间：2020-11-27 20:19:45

BootstrapModalEventNotFiredWhenModalisShown/Hidden

BootstrapModalEventNotFiredWhenModalisShown/Hidden:问题描述使用jQuery(3.2.1)。 Bootstrap(v4-alpha)的Modal中，如果Modal存在.fade那么shown.bs.modal以及hidden.bs.modal事件的回调函数不会被正常触发。但是show.bs.modal以及hide.bs.modal两个事件的触发是正常的。这两种事件的区

推荐度：

点击下载本文 文档为doc格式

导读BootstrapModalEventNotFiredWhenModalisShown/Hidden:问题描述使用jQuery(3.2.1)。 Bootstrap(v4-alpha)的Modal中，如果Modal存在.fade那么shown.bs.modal以及hidden.bs.modal事件的回调函数不会被正常触发。但是show.bs.modal以及hide.bs.modal两个事件的触发是正常的。这两种事件的区

问题描述

使用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('')
 )

BootstrapModalEventNotFiredWhenModalisShown/Hidden

推荐度：

点击下载本文 文档为doc格式

标签： event not fire

热门焦点

BootstrapModalEventNotFiredWhenModalisShown/Hidden

BootstrapModalEventNotFiredWhenModalisShown/Hidden

问题描述

解决方法

BootstrapModalEventNotFiredWhenModalisShown/Hidden

最新推荐

猜你喜欢

热门推荐