Twitter Bootstrap模式

Question

我已经吓了两天了...

我已经使用Bootstrap CSS设置了页面，页面头中包含以下代码：

<link rel="stylesheet" href="bootstrap.min.css">
<script type="text/javascript" src="http://openclassifieds.googlecode.com/svn-history/r119/branches/2.0/themes/twitter/js/bootstrap-modal.js"></script>
<script type="text/javascript" src="http://openclassifieds.googlecode.com/svn-history/r119/branches/2.0/themes/twitter/js/bootstrap-transition.js"></script>    
<script type="text/javascript" src="http://openclassifieds.googlecode.com/svn-history/r119/branches/2.0/themes/twitter/js/jquery.js"></script>

在我的体内，我有：

<button class="btn btn-large btn-primary" data-toggle="modal" data-target="#modal-signin" data-backdrop="true" data-keyboard="true">Launch Modal</button>

<div id="modal-signin" class="modal hide fade">
    <div class="modal-header">
        <a href="#" class="close" data-dismiss="modal">×</a>
        <h2>Sign in <small>or sign up</small></h2>
    </div>
    <div class="modal-body">
        <h3>Teste</h3>
    </div>
</div>

在Bootstrap文档中，这是我必须要做的工作，但是当我单击按钮时，它什么都没做...我不知道问题出在哪里...我需要紧急帮助

谢谢。

Answer 1

首先需要包括jQuery，因为twitter引导程序依赖于它。

<script type="text/javascript" src="http://openclassifieds.googlecode.com/svn-history/r119/branches/2.0/themes/twitter/js/jquery.js"></script>
<script type="text/javascript" src="http://openclassifieds.googlecode.com/svn-history/r119/branches/2.0/themes/twitter/js/bootstrap-modal.js"></script>
<script type="text/javascript" src="http://openclassifieds.googlecode.com/svn-history/r119/branches/2.0/themes/twitter/js/bootstrap-transition.js"></script>