Question

我正在尝试编写一个干净的脚本来添加和删除基于url的类，因为我正在使用某种形式的jquery滑块插件。

所以我有5个跨度，第1个在pageload上有活动类

<span class="one active"></span>
<span class="two"></span>
<span class="three"></span>
<span class="four"></span>
<span class="five"></span>

当我点击下一个按钮时，jquery插件会在网址的末尾添加一个“＃/ 1”，每个幻灯片的数字都会增加一个，所以这就是我到目前为止每张幻灯片所做的：

$(function(){

$('#continue').click(function(){
  var location = window.location.href;

    if (location.indexOf('#/1') > -1 ) {
      $('.one').removeClass('active');
      $('.two').addClass('active');
    }

    if (location.indexOf('#/2') > -1 ) {
      $('.two').removeClass('active');
      $('.three').addClass('active');
    }
  }); 
});

所以我面临的问题是：

这只是关于下一个按钮的点击功能，如果用户点击上一个按钮，活动类也需要更改为相应的数字，但我可能需要一种方法来确切检查哪一步他们点击上一个按钮，需要复制该代码5次，因为有5个步骤。
如果用户刷新页面范围.one将再次处于活动状态，用户所在的步骤将显示在页面上（它不会返回到刷新的第一步）

有什么建议吗？

感谢。

Answer 1

jQuery(window).hashchange( function(){
    jQuery(location.hash).click();
});

jQuery(window).load( function(){
    jQuery(location.hash).click();
});

这两个功能将解决您的问题

根据当前url添加/删除类jquery

1 个答案: