Javascript Ember.js-扩展引导插件'；s函数

我试图扩展引导模式插件的隐藏方法。在整个应用程序中，我有许多模态，我希望有一个全面的解决方案，当用户点击浏览器后退按钮时关闭模态（而不必将函数添加到应用程序中的每个模态实例）

我知道在Ember JS中，您可以通过导入组件、调用super方法并添加您自己的定制来覆盖组件。如何使用引导模式插件实现这一点？我不熟悉在这种情况下如何导入node_modules文件

本质上，我想做的是，作为应用程序中所有模态的解决方案：

 $(window).on('popstate', function() {
   $('.modal').modal('hide');
 });

---

我认为bootstrap中打开的每个模式都有

modal-open

类。如果是这样的话，您可以使用jQuery来实现这一点。您可以将此代码放在实例初始值设定项中，或者放在应用程序之前运行的任何位置

import $ from 'jQuery';

//...

$(window).on('popstate', function() {
  $('.modal-open').each(function() {
    $(this).modal('hide');
  });
});

---

这与Ember无关，只是jQuery和引导。如果使用Fastboot，请确保此代码未运行。

如果在用户在页面之间转换时未从DOM中删除模式，则模式组件中似乎缺少清理逻辑。我可以问一下，为什么您不使用但试图直接使用引导JavaScript？将其与Ember应用程序（或任何其他单页应用程序框架）的生命周期很好地集成这不是一个简单的任务。模态不是一个组件，当用户单击浏览器后退按钮时，引导模态插件中没有逻辑来删除模态-需要将逻辑添加到每个模态中，但我正在寻找一种全面的方法来处理它