History.js实现

Question

我无法实现history.js

我有一个单页网站，它使用jquery滑块（皇家滑块）来滑动充当页面的整页div。使用自定义链接操作滑块。我想要做的是让每个链接操纵浏览器历史记录，以便1.更改页面URL。 2.将状态推送到可刷新的浏览器，并可通过浏览器的前进和后退按钮导航和导航。

我不确定是否有任何pushstate会保存滑块当前的幻灯片？ 它不是必不可少的，因为URL的变化是主要的。

每个链接都是通过javascript点击功能控制的，如下所示......

var workclick = document.getElementById('worklink');
workclick.onclick = function () {
        thefooter.style.opacity = "1";
        thefooter.style.filter = 'alpha(opacity=100)';
        thefootdivide.style.opacity = "1";
        thefootdivide.style.filter = 'alpha(opacity=100)';  
        $(".royalSlider").royalSlider('goTo', 1);

    }

有人可以帮我解决我需要添加到我的页面以获取history.js来处理我在这里的内容吗？

非常感谢您的帮助

Answer 1

我不是History.js的专家，但我的理解是，一旦安装了滑块，每次更改滑块值时，您都可以使用反映其值的url参数调用replaceState（）：

History.replaceState( null, 'My Title', '?slider1=' + $('#slider1').value );

然后，当您的页面加载时，它会读取这些请求参数值，并且（如果存在）相应地设置滑块。 我再次确定这正是你所需要的，但我很确定它是在正确的轨道上。