有没有办法嵌套Twitter Bootstrap通道？
有没有办法嵌套Twitter Bootstrap通道？
提问于 2016-04-18 06:42:58
我需要一种方法来识别第二个模态是第一个模态的孩子，例如：
.modal .modal {
/*change some styles to make nested modal look different*/
}即使我将第二个模式的超文本标记语言放在第一个模式中，当浏览器加载Bootstrap时，Bootstrap会将它们编译为独立于#wrapper之外。
例如，我将其设置为：
<div id="wrapper">
<div class="modal">
<div class="modal"></div>
</div>
</div>但在浏览器加载时，我得到了这样的结果：
<div id="wrapper"></div>
<div class="modal"></div>
<div class="modal"></div>所以我的css (.modal .modal)不能工作。
有人知道我如何识别儿童模式吗？
(我知道我可以在上面添加ID，但由于这些模态在其他页面上是共享的，并且显示为独立的非嵌套模态，因此直接设置ID的样式将不起作用)。
回答 2
Stack Overflow用户
发布于 2016-04-18 06:46:54
您可以通过模式打开模式。这应该可以解决您的问题:)
Stack Overflow用户
发布于 2016-04-18 07:41:55
我用JQuery找到了一种不那么优雅的方法，但我对更好的建议持开放态度。
$(".modal [data-toggle='modal']").each(function( index ) {
$(this).click(function() {
var modalref = $(this).attr('data-target');
$(modalref).addClass('child-modal');
});
});
$('.modal [data-dismiss="modal"]').click(function() {
$('.modal').removeClass('child-modal');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36683039
复制相关文章
相似问题
腾讯云开发者
