javascript - 我的模态在 Bootstrap 中不起作用，看不出有什么问题

Question

这是代码。我不明白为什么它不起作用也许是javascript导入的问题？

多谢你们。

        <link href="Bootstrap,%20from%20Twitter_files/bootstrap.css" rel="stylesheet">
        <script src="bootstrap/js/jquery.js"></script>
        <script src="bootstrap/js/bootstrap.js"></script>


    <div class="container">  
    <h2>Example of creating Modals with Twitter Bootstrap</h2>  
    <div id="example" class="modal hide fade in" style="display: none; ">  
    <div class="modal-header">  
    <a class="close" data-dismiss="modal">×</a>  
    <h3>This is a Modal Heading</h3>  
    </div>  
    <div class="modal-body">  
    <h4>Text in a modal</h4>  
    <p>You can add some text here.</p>                
    </div>  
    <div class="modal-footer">  
    <a href="#" class="btn btn-success">Call to action</a>  
    <a href="#" class="btn" data-dismiss="modal">Close</a>  
    </div>  
    </div>  
    <p><a data-toggle="modal" href="#example" class="btn btn-primary btn-large">Launch demo modal</a></p>  
    </div>  
</body>
</html>

Answer 1

适合我http://jsfiddle.net/SpYNe/133/

<div class="container">  
<h2>Example of creating Modals with Twitter Bootstrap</h2>  
<div id="example" class="modal hide fade">  
<div class="modal-header">  
<a class="close" data-dismiss="modal">×</a>  
<h3>This is a Modal Heading</h3>  
</div>  
<div class="modal-body">  
<h4>Text in a modal</h4>  
<p>You can add some text here.</p>                
</div>  
<div class="modal-footer">  
<a href="#" class="btn btn-success">Call to action</a>  
<a href="#" class="btn" data-dismiss="modal">Close</a>  
</div>  
</div>  
<p><a data-toggle="modal" role="button" href="#example" class="btn btn-primary btn-    large">Launch demo modal</a></p>  
</div>  

也许你的js路径有问题。你应该检查一下