Twitter bootstrap 在Twitter引导中打开模式窗口时出现URL问题

Twitter bootstrap 在Twitter引导中打开模式窗口时出现URL问题,twitter-bootstrap,modal-dialog,Twitter Bootstrap,Modal Dialog,在可以找到的Twitter引导文档中,滚动到Modal-NOTE-scroll部分,不要单击侧栏立即跳转到该部分 现在,在Live Demo(在模式部分滚动更多内容)下,单击“启动演示模式”按钮。现在,请注意URL-它不会更改,并且会显示模式窗口。关闭它,不再更改URL 然而,我的应用程序的行为却不同——它显示了成功的URL和模式窗口的id(在本例中,它将是myModal)。因此,如果它是我的应用程序,那么URL将是twitter.github.io/bootstrap/javascript.h

在可以找到的Twitter引导文档中,滚动到Modal-NOTE-scroll部分,不要单击侧栏立即跳转到该部分

现在,在Live Demo(在模式部分滚动更多内容)下,单击“启动演示模式”按钮。现在,请注意URL-它不会更改,并且会显示模式窗口。关闭它,不再更改URL


然而,我的应用程序的行为却不同——它显示了成功的URL和模式窗口的id(在本例中,它将是myModal)。因此,如果它是我的应用程序,那么URL将是twitter.github.io/bootstrap/javascript.html#myModal——请注意,ID被附加到URL的末尾——但在twitter引导文档示例中并非如此。知道为什么吗?

您正在使用bootstrap-modal.js脚本吗?在“MODAL DATA-API”部分中,e.preventDefault()应该阻止浏览器导航到a标记中指定的href。

您必须在bootstrap.js之前包含jQuery.js

并且不要在脚本中使用简化的html格式。(像
)必须像
一样关闭它)


我正在使用
bootstrap.js
,据我所知,它包含所有插件。
<!-- 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>
$(function() {
    $('#creative_attachment_popup').modal('show');
});