Question

在可以找到here的Twitter Bootstrap文档中，滚动到模态部分 - 注意 - 滚动并且不要单击侧栏以立即跳转到该部分。

现在，在Live Demo（在Modal部分中滚动更多内容）下，单击“Launch Demo Modal”按钮。现在，请注意URL - 它不会更改，并显示模式窗口。关闭它，并且不再在URL中更改。

我的应用程序的行为却有所不同 - 它显示了使用模态窗口的id成功的URL（在示例中，它将是myModal）。因此，URL（如果它是我的应用程序）将是twitter.github.io/bootstrap/javascript.html#myModal - 请注意该ID附加到URL的末尾 - 但它不会发生在Twitter Bootstrap文档中例。知道为什么吗？

Answer 1

您使用的是bootstrap-modal.js脚本吗？在“MODAL DATA-API”部分中，e.preventDefault（）应该阻止浏览器导航到a标签中指定的href。

Answer 2

你必须先包含jQuery.js而不是bootstrap.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');
});

在Twitter Bootstrap中打开模态窗口时出现URL问题

2 个答案: