2013-04-27 80 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'); 
});