jquery - Twitter Bootstrap : multiple modal on same page, 想要不同的背景颜色

Question

我在一个页面上有 2 个模式，请参阅:http://twitter.github.com/bootstrap/javascript.html#modals .我希望他们有不同的页面背景颜色。 JS 似乎生成了 <div class="modal-backdrop fade in"></div>在页面底部。有没有办法通过 Bootstrap 配置为其设置类或其他东西？

Answer 1

不，您不能通过任何配置设置backdrop 颜色，唯一的方法是通过事件更改它。

让我们假设这个例子:http://jsbin.com/uwelok/1/

您需要在shown 事件上设置一个新类，例如:

$('#m2').on('shown', function () {
    $('.modal-backdrop').addClass('backdrop-yellow');
});

不需要重置它，因为在模式隐藏本身时，元素被删除并再次创建，在下一个show时使用默认配置。

通过这样的技巧，您可以拥有一个简单的类:

.backdrop-yellow {
    background-color: yellow;
}