twitter-bootstrap - Bootstrap - 在另一个模态打开时打开模态并将 'modal-open' 类保留在正文中

Question

当我单击另一个打开的模式中的按钮时，我想打开一个新的 Bootstrap 模式。它工作正常，但问题是 body 标签的 'modal-open' 类刚刚消失，因此出现了整个页面的滚动。

当我单击模式中的按钮时，在代码隐藏中我会这样做:

ScriptManager.RegisterStartupScript(upMain, typeof(UpdatePanel), "Tipo descuento seleccionado", "$('#DtosModal').modal('show'); $('#tipoDtoModal').modal('hide');", true);

我该怎么做才能将该类保留在 body 标记中？

非常感谢!

编辑:如果我改变

$(document)
   .on('show.bs.modal', '.modal', function () { $(document.body).addClass('modal-open') }) 
   .on('hidden.bs.modal', '.modal', function () { $(document.body).removeClass('modal-open') })

在 bootstrap.js 中

$(document) 
   .on('show.bs.modal', '.modal', function () { document.body.className += ' modal-open'; }) 
   .on('hidden.bs.modal', '.modal', function () { document.body.className = document.body.className.replace(" modal-open", ""); })

我解决了这个问题。还有其他更“正统”的想法吗？

Answer 1

Any other more 'orthodox' ideas?

是的，我有，但是一个非常“正统”的:)

// close the modal anyway
$('#' + modalName).modal('hide');
setTimeout(function() {
    // needs to be in a timeout because we wait for BG to leave
    // keep class modal-open to body so users can scroll
    $('body').addClass('modal-open');
}, 400);

我正在使用 http://bootboxjs.com/只有在我按下操作按钮后才会触发回调。所以它不会等到背景消失。

对于 Twitter Bootstrap 模态似乎是回调的适当解决方案。看这里: How to handle the modal closing event in Twitter Bootstrap?