Question

我尝试使Kyle Fox Jquery Modal插件与历史API一起使用。＆＃34; pushState的＆＃34;和＆＃34;历史回归＆＃34;当我单击模态的打开和关闭按钮时，方法很有效，但我无法弄清楚如何处理浏览器的后退和前进按钮。它与＆＃34; popstate＆＃34;有关。任何帮助都是最受欢迎的。

这是我的代码（正如我所说，我使用jquery和Kyle Fox Jquery Modal）：

主页：

<a href="ajax-content.html" data-modal>Load ajax content</a>

模态中的内容加载（ajax-content.html）：

<p>I'm ajax content.</p> 
<a href="#" id="closemodal">Close</a>

使用Javascript：

<script>

// Open modal and history pushstate
$('a[data-modal]').click(function(event) {
    $(this).modal();
    window.history.pushState(null, null, this.href);
    return false;
});

// Close modal and history back
$("body").on('click', '#closemodal', function () {
    $.modal.close();
    window.history.back();
    return false;
});

// Browser back and forward button (popstate)   
$(window).on('popstate', function () {
    ... ???
});

</script>

凯尔福克斯模态和历史API

0 个答案: