Css Twitter引导:嵌套模式弹出窗口不';不褪色
我使用嵌套在.tabbable div中的twitter引导模式插件进行了以下标记:Css Twitter引导:嵌套模式弹出窗口不';不褪色,css,html,twitter-bootstrap,modal-dialog,Css,Html,Twitter Bootstrap,Modal Dialog,我使用嵌套在.tabbable div中的twitter引导模式插件进行了以下标记: <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"><a href="#tabPeople" data-toggle="tab">People</a></li> <li>&l
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tabPeople" data-toggle="tab">People</a></li>
<li><a href="#tabRoles" data-toggle="tab">Roles</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tabPeople">
<a data-toggle="modal" href="#modalEditPerson1">Name</a>
<div class="modal hide fade in" id="modalEditPerson1">
<div class="modal-header">
<button class="close" data-dismiss="modal">
×</button>
<h3>
Name</h3>
</div>
<div class="modal-body">
<p>
One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a> <a href="#" class="btn btn-primary">
Save changes</a>
</div>
</div>
</div>
<div class="tab-pane" id="tabRoles">
<p>
Role stuff here.</p>
</div>
</div>
</div>
×
名称
一个好身体
这里的角色
这会显示一个模式,但不会像本页演示中那样褪色:
当它不嵌套在.tabbable元素中时,它可以正常工作
标题包含以下内容:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="styles/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<link href="/styles/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
找到了它。我在页面的其他地方有一个jquery选择器,它选择的内容比它应该选择的多。它捕获了我的模式锚上的点击事件,并覆盖了默认行为。谢谢大家的帮助/意见。我觉得很好,你的js加载顺序是什么?谢谢回复。我在主要帖子中添加了js链接。嗯,除了你应该首先加载引导样式表这一事实之外,你的设置应该一切正常,但这只是一个旁白。是否对引导程序进行了任何修改?在我的小提琴上面,一切都按照预期运行股票引导样式表和插件,所以它一定是你的设置中的其他东西。你能在重新创建你的设置来看看吗?找到了。我有一个jquery选择器,它选择的内容比页面上其他地方多。它捕获了我的模式锚上的点击事件,并覆盖了默认行为。谢谢你的帮助。虽然你没有直接回答我的问题,但是你的建议让我找到了答案。谢谢你!(如果你把它放在一个答案中,我可以同样地标记它…)只需将你的结果以下面答案的形式发布,并附上答案和调查结果,然后将其标记为正确,这样它就可以帮助未来的用户解决同样的问题。