我正在尝试扩展Bootstrap模态插件的hide方法。我在整个应用程序中有很多模态,我希望有一个全面的解决方案,当用户点击浏览器的后退按钮时关闭模态(而不是在应用程序中的每个模态示例中添加函数)
我知道在Ember JS中,你可以通过导入一个组件,调用super方法并添加你自己的定制来覆盖它。我如何使用Bootstrap模态插件来做到这一点?我不熟悉如何在这个场景中导入node_modules文件。
本质上,我想做的是作为应用程序中所有模态的解决方案:
$(window).on('popstate', function() {
$('.modal').modal('hide');
});
1条答案
按热度按时间icnyk63a1#
我认为在bootstrap中打开的每一个模态都有
modal-open
类。如果是这样,你可以用jQuery来做。你可以把这段代码放在一个示例初始化器中,或者在你的应用程序之前运行的任何地方。这与Ember无关,只需jQuery和Bootstrap。如果使用Fastboot,请确保此代码不会运行。