我知道Bootstrap不鼓励重叠的情态词。我很快就黑了一个网站来帮助解决整个冠状病毒的问题,所以我关注的是速度,而不是所有的东西都是完美的。因此,今天有人指出了一个错误。通常情况下,引导模式会发生什么:
如果内容需要滚动,我想适当的CSS是在打开模式时添加的,背景内容(被着色的覆盖),不是scrollable
)。
我现在的问题是,在重叠模态的情况下,在第一个模态之上打开的第二个模态会导致第一个模态的内容保持不可滚动,即使第二个重叠模式被关闭。
我想要的行为是,当第二个模式关闭时,第一个模式返回到“默认”,也就是说,如果内容需要滚动,滚动返回。
以下是一个实时网站:https://www.giftcardsforsmallbusinesses.com/
。
我觉得这里有一个快速肮脏的答案..。我可以注射一些东西就像
PSEUDOCODE
$("#second-modal").on("close", function() {
$("#first-modal").resetDefault()
})
但我没有足够的经验使用Twitter Bootstrap来知道如何做到这一点,而且我在文档中也找不到答案。
发布于 2020-04-04 14:03:42
这应该能解决它..。
$('.modal').on("hidden.bs.modal", function (e) {
if ($('.modal:visible').length) {
$('body').addClass('modal-open');
}
});
当您关闭重叠加值模式时,默认情况下它会移除body类.modal-open
(不知道它下面还有另一个模式)。该类将overflow:hidden;
应用于主体,并允许modals独立滚动。
因此,当奖金模式关闭/隐藏时,上面的脚本基本上是再次添加类。
尝试这个,这是直接针对奖励模式的隐藏事件。
$('#expirationModal').on('hidden.bs.modal', function () {
$('BODY').addClass('modal-open');
})
https://stackoverflow.com/questions/61034737
复制