jQuery - 记住页面变化的菜单位置

Question

我已经对一个大菜单进行了分页 - 用户每次在面板中看到12个项目。

其右侧的菜单，在这里：http://bartlettstudio.com/

你可以看到我的问题，当你点击更多的项目，然后从第二面板的链接。

就拿这一个例子：http://bartlettstudio.com/projects/dog-named-lucky/

当你在该网页上，工具栏菜单恢复到第一面板，你有没有办法告诉你什么菜单项。您需要点击更多项目才能看到“Dog Luckyd”菜单项。

问题

谁能帮助我弄清楚如何处理这个问题？其他人提到使用jQuery hashchange，但这已被证明是我的头。任何人都可以想办法解决这个问题吗？

有了太多的感谢

特里

Answer 1

更多的项目链接可以更改为具有A HREF它可以说：

<a href="#more-1" class="next">More Projects</a> 

这时旁边的onClick你可以做这样的事情在jQuery的：

jQuery(function ($) { 

    if(window.location.hash) { 
     // onLoad hash was detected 
     console.log('onLoad hash detected // do something to position menu'); 

     // window.location.hash starts with a # following with the string behind it 
     // window.location.hash.slice(1) gets the string only 
    } 


    // This isn't needed but quessing you already have an onClick set up for this element... 
    $('a.next').click(function (e) { 
     /* 
     Don't do e.preventDefault()! The browser will add the href hash value itself if you only specified the hash! 
     If you want to preventit you will have to set the hash yourself like this: 

     window.location.hash = 'more-1'; 
     */ 

     // do stuff, possibly with the href value since you have it anyway 


     // I reccommend that you change the value of the href to specify the next hash value change 
     $(this).attr('href', '#more-2'); 
    }); 

});