jquery - 任何人都知道一个 jQuery 插件，它通过比较锚散列和导航返回页面？

Question

这是网站http://www.numidia.it/它有一个非常酷的导航，我想知道是否有一个插件可以做类似的事情。

Answer 1

jQuery 地址插件可以做到这一点，此外，您可以定义不带哈希（#）的 url。

这是一个例子：http ://www.asual.com/jquery/address/samples/express/portfolio

但是如果你想自己做，你可以window.location.hash使用价值。

<a href="#/home">Home</a>
<a href="#/about">About</a>

<div class="pages homePage">...</div>
<div class="pages aboutPage">...</div>

//response for page load
var anchor = window.location.hash;
if( anchor === '#/home' ) {
   $('.pages').hide();
   $('.homePage').show();
}else if( anchor === '#/about' ) {
   $('.pages').hide();
   $('.aboutPage').show();
}

//response for a clicked
$('a').click(function() {
    var target = $(this).attr('href');
    if( target === '#/home' ) {
       $('.pages').hide();
       $('.homePage').show();
    }else if( target === '#/about' ) {
       $('.pages').hide();
       $('.aboutPage').show();
    }
});