jquery - Twitter Bootstrap：同一页面上的多个模式，想要不同的背景颜色

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');
});

无需重置它，因为在模态hide本身上，元素被删除并再次创建，使用 next 上的默认配置show。

有了这样的技巧，你可以有一个简单的类：

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