javascript - CSS Bootstrap 关闭模态并转到链接

Question

我有以下模态框的 div -

<div class="modal fade" id="Community" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-content">
        <button type="button" onclick="window.location.href='#Pricing'" data-dismiss="modal">Close and go to pricing</button>
    </div>
</div>

单击按钮时，模态窗口关闭，但不会转到#Pricing 指示的正确部分。

Answer 1

您在 onclick 中缺少一个 '。

<button type="button" onclick="window.location.href='#Pricing'" data-dismiss="modal">Close and go to pricing</button>

更新

我想我知道原因了。实际上，在您的情况下，onclick 在 data-dismiss="modal" 之前触发。这意味着，位置更改甚至会在模态解雇之前发生。但是，为了防止页面在模式出现时滚动，主体将有一个 modal-open 类。这需要 overflow: hidden;，因此页面将无法滚动超过模式本身的高度。

要解决此问题，您需要将位置更改推迟到模态消失之后。您可以将其移动到 hidden.bs.modal 事件的回调中。

事件文档可以在这里找到:http://getbootstrap.com/javascript/#modals-usage .