window.history.pushState无法正常工作

时间:2015-07-01 13:19:42

标签: javascript browser-history

我的网站http://www.testplaats6.be有一个音频播放器,可以在点击网站时继续播放。但我有一些问题。

我已经使用此演示开始: http://www.inserthtml.com/2013/06/history-api/

所以我在'页面中有index.php和index.php。夹。 当第一次加载index.php(并启动音乐)时,我可以在听到音乐的同时点击内容。尼斯。但是当通过导航或后退键返回homepagina时;然后点击同一内容时音乐停止。

怎么会这样? 对于主导航中的内容块我没有问题;音乐继续播放。但不是内容部分。

这是我在标题中使用的javascript;在history.js。

之下
$(document).ready(function () {
    function anchorClick(link) {
        var linkSplit = link.split('/').pop();
        $.get('pages/' + linkSplit, function (data) {
            $('#wrapper').html(data);
        });
    }
    $('.goto').on('click', 'a', function (e) {
        window.history.pushState(null, null, $(this).attr('href'));
        anchorClick($(this).attr('href'));
        e.preventDefault();
    });
    window.addEventListener('popstate', function (e) {
        anchorClick(location.pathname);
    });
});

奇怪的是。当我也在文件夹'页面';下的php文件中也使用相同的javascript;它的工作原理,但浏览器通过网站;由于多次加载,页面开始变成flikker。

有人可以帮助我吗?感谢。

0 个答案:

没有答案