ウィンドウonhashchangeが機能しない

Question

私は2つの記事を含むWebページを持っています。このページを読み込むと、jQueryが2つの記事を非表示にし、最初の記事をスライドさせます。ユーザーはナビゲーションタブをクリックして2番目の記事を表示できます。その後、onhashchangeイベントを使用して戻るボタンをクリックして最初の記事に戻ります。以下は、私のHTMLコードです：

<nav> 
<a href='#1'>Article 1</a> 
<a href='#2'>Article 2</a> 
</nav> 

<article id=1> 
The first article. 
</article> 

<article id=2> 
The second article. 
</article> 

そしてここではjavascriptのコードです：観察された何

function change(hash) 
{ 
$('article:visible').slideUp(); 
if(hash != '') 
{ 
    $(hash).slideDown(); 
} 
else 
{ 
    $('article').first().slideDown(); 
} 
} 

$('nav a').click(function(){ 
var id = $(this).attr('href'); 
change(id); 
}); 

$('article').hide(); 
change(location.hash); 
window.onhashchange = change(location.hash); 

ページは、戻るボタンをクリックするにもかかわらず、第二の物品の上に残っていることです。私はFirefox 12.0のブラウザを使用していて、何が動作しないのかわからない。どんな助けもありがとうございます。ありがとう。

Answer 1

あなたがしようとする場合があります：

window.onhashchange = change; 

//and read location.hash in the change function instead 
function change(){ 
    var hash = location.hash; 
    ... 
} 

または

window.onhashchange = function(){ 
    change(location.hash); 
} 

---

window.onhashchange = change(location.hash); 

私のJSが

• がを呼び出すので、これは失敗し、錆びない場合にはあなたがイベントにfunctionを割り当てることになっているので、間違っている - あなたはundefinedwindow.onhashchangeにを割り当てるノーリターンリターンundefined
• を持っていないの
• 機能。