Question

顶部的汉堡图标。我已经使用bootstrap模式进行菜单..

当您点击汉堡图标时，它将打开包含链接的模型。该模态包含关闭按钮（x）。当你点击关闭按钮时，它会重定向到网站顶部。

当你点击modal上的链接时，它会重新加载整个页面，然后重定向到该特定链接。

我的问题是：当你点击该链接时，它应该重定向到partical链接而不重新加载。

解决此任务的困难：

当您在该链接上触发相关事件（如关闭按钮）时，它将重定向到网站顶部。
如果您通过css手动关闭弹出窗口，则单击该链接，整个站点进入背景模式（淡入）。如果您手动删除该背景模式，滚动条不起作用。

该网站的当前代码：

点击链接时，该分区的ID将传递给函数，然后手动删除弹出模式，然后重新加载整个页面，然后重定向到该特定的Id。

我的问题。：我不想重新加载页面。

Answer 1

我认为这就是你想要的：

<script>
    $(document)
        .ready(function () {
            $('#btnGoTo')
                .click(function () {
                    $('#loginModal').modal('toggle');
                });
        });
</script>

<button class="btn btn-success" data-target="#loginModal" data-toggle="modal">Open modal</button>

<div class="modal fade" id="loginModal" tabindex="-1">
    <a id="btnGoTo" class="btn btn-success" href="#goTo">Klick me</a>
</div>

<div id="goTo">
    go to text
</div>

当你点击模态中的链接时，模态关闭，浏览器转到id为“goTo”的div而不重新加载页面。对于样式的模式，您可以使用模态对话框，模态内容和模态标头引导类

bootstrap modal reload page

1 个答案: