History.js实现

Question

我在实现history.js时遇到了问题

我有一个单页网站，使用jquery滑块(皇家滑块)来滑动整页div作为页面。滑块使用自定义链接进行操作。我想做的是让每个链接操纵浏览器的历史记录，以便1。改变页面的网址。以及2.将状态推送到浏览器，这些状态是可刷新的，并且可以通过浏览器的前进和后退按钮来回导航。

我不确定的是，是否有任何推状态将保存滑块当前幻灯片？如果不是，这不是必须的，因为URL的变化是主要的事情。

每个链接都是通过javascript click函数控制的，如下所示。

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 );

然后，当页面加载时，让它读取这些请求参数值并(如果存在)相应地设置滑块。再说一次，我不确定这是否正是您所需要的，但我非常确定它是在正确的轨道上。