Twitter Bootstrap:模式弹出窗口不会消失 [英] Twitter Bootstrap: Modal popup won't fade
本文介绍了Twitter Bootstrap:模式弹出窗口不会消失的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用Twitter Bootstrap模式插件进行以下标记:
I have the following markup using a twitter bootstrap modal plugin:
<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 fade in" 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 fade" id="tabRoles">
<p>
Role stuff here.</p>
</div>
</div>
</div>
This brings up a modal, but doesn't fade it as in the demo on this page: http://twitter.github.com/bootstrap/javascript.html#modals
更新 我已经意识到问题在于它嵌套在.tabbable div中,该div也使用.fade 我已经更新了上面的html.
UPDATE I have realised that the issue is that it is nested within a .tabbable div which also uses .fade I've updated the html above.
推荐答案
您可能忘记了包含动画的javascript
you probably forgot to include the javascript for the animations
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
transitions.js需要首先包含!
the transitions.js needs to get included first!
这篇关于Twitter Bootstrap:模式弹出窗口不会消失的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文