基于当前网址添加/删除类jquery

Question

我想写一个干净的脚本添加和删除基于URL的类，因为我使用某种形式的jQuery滑块插件。

所以我有5个跨度，第一1在页面加载活性类

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

当我点击下一个按钮jquery插件追加一个“＃/ 1”到URL的末尾和每张幻灯片的数量将由一个上去了，所以这是我迄今所做的每张幻灯片：

$(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'); 
    } 
    }); 
}); 

所以我现在面临的问题是：

1. 这只是在下一个按钮的点击功能上，如果用户点击上一个按钮，活动类也需要更改为适当的数字，但我可能需要一种方法来检查他们正在点击哪个步骤上一个按钮来自并且需要重复该代码5次，因为有5个步骤。

2. 如果用户刷新页面跨度。一是将反复活跃和步骤，用户是在将显示在页面上（不回去就刷新第一步）

有什么建议吗？

谢谢。

Answer 1

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

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

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