Ember.js -扩展Bootstrap插件的功能

uemypmqf  于 2022-11-23  发布在  Bootstrap
关注(0)|答案(1)|浏览(198)

我正在尝试扩展Bootstrap模态插件的hide方法。我在整个应用程序中有很多模态,我希望有一个全面的解决方案,当用户点击浏览器的后退按钮时关闭模态(而不是在应用程序中的每个模态示例中添加函数)
我知道在Ember JS中,你可以通过导入一个组件,调用super方法并添加你自己的定制来覆盖它。我如何使用Bootstrap模态插件来做到这一点?我不熟悉如何在这个场景中导入node_modules文件。
本质上,我想做的是作为应用程序中所有模态的解决方案:

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

icnyk63a1#

我认为在bootstrap中打开的每一个模态都有modal-open类。如果是这样,你可以用jQuery来做。你可以把这段代码放在一个示例初始化器中,或者在你的应用程序之前运行的任何地方。

import $ from 'jQuery';

//...

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

这与Ember无关,只需jQuery和Bootstrap。如果使用Fastboot,请确保此代码不会运行。

相关问题