2

在可以在这里找到的 Twitter Bootstrap 文档中，滚动到 Modal - NOTE - scroll 部分，不要单击侧边栏以立即跳转到该部分。

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

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

4

2 回答 2

0

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

于 2013-04-27T16:50:24.220 回答
0

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

并且不要对脚本使用简化的 html 形式。(like <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');
});
于 2013-09-08T13:02:15.253 回答