0

我在实施 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 与我在这里拥有的东西一起工作吗？

非常感谢您的帮助

4

1 回答 1

0

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

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

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

于 2013-08-14T11:25:19.520 回答