Bootstrap - 莫代爾不工作？

我對Bootstrap和一般的網頁設計相當陌生。我只是不明白爲什麼Bootstrap中的某些東西不起作用！我目前正在嘗試使用模態。Bootstrap - 莫代爾不工作？

觸發：

<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>

模態：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
     ... 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
    </div> 
    </div><!-- /.modal-content --> 
</div><!-- /.modal-dialog -->

我試着做我自己的模態，它不會工作，所以我甚至只是拉驗證碼關閉堆棧溢出文章，它似乎不適用於我。

爲什麼它不工作？

腳本：

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

來源

2013-12-14 user3102516

假設你正在使用引導3，因爲這意味着代碼，該代碼是正確的。您是否將bootstrap.js或bootstrap.min.js資產包含在頁面的標題中？該模式需要這些js文件中的任何一個。

來源

2013-12-14 18:47:38 mumush

添加了它 - 它仍然不起作用。 – user3102516

現有代碼的小提琴將有所幫助。如果您使用的是Bootstrap 3，而不是2.3.2，並且按照他們網站上的設置說明進行操作，您應該可以毫無問題地使用該模式！ – mumush

此解決方案肯定會正常工作，但這不是一個好主意，正如我所瞭解的，您希望顯示錨點上的模式click.just做一件事。錨點擊使用這個..

$(function(){ 
    $('.btn-lg').click(function(){ 
    $('#myModal').toggleClass('in'); 
    }); 
});

請讓我知道，如果它可以幫助你，如果你想我將創建一個片段。

來源

2013-12-14 18:47:57

Bootstrap - 莫代爾不工作？

回答

相關問題