首页 > 解决方案 > React 组件未列出 hidden.bs.modal(模态隐藏)事件 - Bootsrap 4

问题描述

我在 ReactJS 中使用带有 jQ​​uery 的 Bootstrap。我想在引导模式关闭时调用一个函数。我添加了两个监听器,一个用于显示模式,第二个用于隐藏模式,但我只得到一个shown.bs.modal。我已经尝试了很多不同版本的尝试,但没有成功。

我已经尝试使用支持依赖项的引导程序 3.3.6 到 4.3.1。目前我正在使用这些配置:- jQuery - jquery-3.2.1.slim.min.js Bootstrap - 4.3.1 PooperJs - 1.14.7

componentDidMount = () => {
      window.addEventListener('load', this.applyEvent)
}

applyEvent = () => {
 $(document).on('shown.bs.modal', function () {
      console.log("show") // Working
    })
 $(document).on('hidden.bs.modal', function () {
      console.log("Just a rather - - show") // Not working
    })
}

我也试过了show.bs.modal,它也有效。但是hide.bs.modalhidden.bs.modal两者都不起作用。这里发生了一些奇怪的事情。它也应该工作。

标签: javascriptjqueryreactjsbootstrap-modal

解决方案


推荐阅读