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