2013-04-27 79 views
2

在Twitter Bootstrap文檔中可以找到here,滾動到Modal - NOTE - 滾動並且不要單擊側邊欄立即跳轉到該部分。在Twitter中打開模式窗口時的URL問題引導

現在在這裏,在實時演示下(在模態部分中滾動更多),點擊「啓動演示模式」按鈕。現在注意URL--它不會改變,並顯示模態窗口。關閉它,並不再在URL中更改。

然而,我的應用程序的行爲有所不同 - 它顯示URL以模式窗口的id成功(在該示例中,它將是myModal)。因此,如果URL是我的應用程序,則爲twitter.github.io/bootstrap/javascript.html#myModal - 請注意,該ID附加到URL的末尾 - 但在Twitter Bootstrap文檔中不會發生這種情況例。任何想法爲什麼?

回答

0

您是否使用bootstrap-modal.js腳本?在「MODAL DATA-API」部分,e.preventDefault()應該停止瀏覽器導航到a標籤中指定的href。

+0

我使用'bootstrap.js',據我瞭解包含所有的插件。 – callmekatootie 2013-04-27 16:54:17

0

你必須包含比bootstrap.js更早的jQuery.js!

並且不要使用腳本的簡化形式的html。 (如<script scr=""/>)已關閉它像<script scr=""></script>

<!-- JQuery --> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script> 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js'></script> 
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 

<!-- BootStrap Link --> 
<link rel="stylesheet" type="text/css" href="/linker/styles/vendor/bootstrap.css"> 
<script type="text/javascript" src="/linker/js/vendor/bootstrap.js"></script> 

你打電話$('#creative_attachment_popup').modal('show');在此之後,文件已經準備好?

$(function() { 
    $('#creative_attachment_popup').modal('show'); 
});