アンカー/ハッシュのインデックスを取得

Question

私はここで私の自己を殺しています。

私はindex.html＃about（またはそれを好きで開きます）を入力すると、index（）を取得して、それを下のスクリプトに "slideNumber"として挿入します。

マークアップ

<div id="slideshow"> 
    <div id="frontpage"> 
    <div id="About"> 
    <div id="Contact"> 
</div> 

jQueryの

$(window).bind('hashchange', function() { //detect hash change 
    var hash = window.location.hash.slice(1); //hash to string (= "myanchor") 
    $('.slideshow').cycle(slideNumber); //Slideshow-number 
}); 

"#about" 2 "#contact" はそうで3こととなるであろう。

どうすればいいですか？

Answer 1

をこのような単純な何かはページロードで動作するはずです：

if(window.location.hash != undefined) { 
    var slideNumber = $(window.location.hash).index() + 1; 
} 

あなたがスロウをナビゲートしている場合ハッシュの変更は、それが更新されますときように、ページをGHあなたのバインドを行うと、インデックスを行うことができます（）内の呼び出し：

$(window).bind('hashchange', function() { //detect hash change 
    var slideNumber = $(window.location.hash).index(); //slideNumber 
    $('.slideshow').cycle(slideNumber); //Slideshow-number 
}); 

Answer 2

slides = {frontpage: 1, about: 2, contact: 3}; 
$('.slideshow').cycle(slides[hash]); 

あなたはこのようなものを使用することができ、それを動的にするために、私は推測する：

$('#slideshow>div').each(function(i) { 
    if(this.id == hash) { 
    $('.slideshow').cycle(i); 
    } 
} 

または

$('.slideshow').cycle($('#slideshow>div').index(hash) + 1); 

Answer 3

が、これはあなたの選択で

var slideNumber = $("div#" + window.location.hash.slice(1)).prevAll().length