hrefを読む前にjQueryがhrefの変更を待つようにしますか？

Question

次のマークアップを想像：あなたは、リンクをクリックした後に起こることのjQueryは、あなたがリンクをクリックした前があったhrefPageはない警告ということで、今

$('a').click(function(){ 
    var href = $(location).attr('href'), 
    hrefLenght = href.length, 
    hrefPos = href.indexOf("#"), 
    hrefPage = href.slice(hrefPos+1); 
    alert(hrefPage); 
}); 

：

<a href="#link01">1</a> 
<a href="#link02">2</a> 

とをの後に、期待通りに。したがって：私はhttp://www.example.com/#link01
2に位置しています

1））私はリンク
3、結果をクリック）link01、
3エコー予想）link02され、これを修正する方法

に任意のアイデアをエコーされます？

EDIT：なぜhrefの代わりに場所を使用していますか？何もせずにページがhrefでロードされたときにも前述のコードが動作するようにしたいので、同じプロセスに対して2つのコードを書くのは良い考えだと思いませんか？

Answer 1

：あなたがこれを行うことが一つの方法は、単にあなたのjavascriptの前に

例が起こるために、ウィンドウのナビゲーションアクションを強制的にJavaScriptコードの先頭に

window.location = $(this).attr('href'); 

を置くことですページLOにhashchangeをトリガするには

$('a').bind('hashchange',function(){ 
    var hval = location.hash.slice(1); // remove the leading # 
    alert(hval); 
}); 

：代わりに、これらの変更を監視するためのhashchangeイベント広告はハッシュへの外部リンクを呼び出すか、リンクをクリックしたときだけではなく、戻るボタンで参照すると次のようになります：

$(document).ready(function() { 
    $(window).trigger('hashchange'); 
}); 

Answer 2

コードにバグがあります。代わりにthisキーワードのlocationはwindow.locationを指しています。

$('a').click(function(){ 
    var href = $(this).attr('href'), 
    hrefLenght = href.length, 
    hrefPos = href.indexOf("#"), 
    hrefPage = href.slice(hrefPos+1); 
    alert(hrefPage); 
}); 

Answer 3

クリックしたリンクのhrefを使用しないのはなぜですか？ hrefが変更された後の値になります。

$('a').click(function(){ 
    var href = this.href, 
    hrefLength = href.length, 
    hrefPos = href.indexOf("#"), 
    hrefPage = href.slice(hrefPos+1); 
    alert(hrefPage); 
    // could also use: 
    // alert(this.href.split("#")[1]); 
}); 

Answer 4

JavaScriptを実行する前にURLを変更する必要があります。あなたが使用することができhttp://jsfiddle.net/btdqe/