弹出使用bootstrap的问题

时间:2014-02-14 13:40:17

标签: javascript html css twitter-bootstrap

在bootstrap中看到一个示例并尝试执行它。我在getbootstrap.com做了同样的事情,但我得到的是隐藏的代码下面的形式。我认为模态隐藏效果很好,但它没有显示链接被点击。请一些人帮我这个。 http://getbootstrap.com/2.3.2/javascript.html#modals

<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>

请参阅fiddler

http://jsfiddle.net/#&togetherjs=riHQAhk4mM

1 个答案:

答案 0 :(得分:3)

查找: http://jsfiddle.net/QCH3q/

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

在这个例子中,我在框架&amp;中添加了jquery。延期缺失。您的项目可能缺少。

尝试添加jQuery:http://code.jquery.com/jquery-1.10.2.min.js