jQueryの私はこのようになりますナビゲーション持っているリンク

Question

と[のhref =「＃オープンサイト」] doesntの仕事をクリックしてください：私は＃オープンサイト、ショーアップをクリックすると

<ul> 
    <li><a href="index.html#open-site">Test</a></li> 
    <li><a href="#open-site">Test</a></li> 
    <li><a href="test.html#open-site">Test</a></li> 
</ul> 

を。 imがindex.htmlにあり、「index.html」なしで2番目のリンクの例としてクリックすると、すべて正常に動作し、divが表示されます。

ですが、index.html上にあって最初のリンクをクリックしても何も起きません。サイトはリロードされず、クリック機能は起動されません。

何私がしたいことはindex.htmlにして、私はクリック」のindex.html＃オープンサイトの上のイムがある場合は、ページが文句を言わないリロードが、クリック機能があることということである私のjqueryのコードは、この

jQuery('a[href="#open-site"]').click(function() { 
    jQuery('#content').animate({"left": "0px"}); 
}) 

のように見えますトリガされ、divが表示されます。

他のサブページ（test.htmlなど）に「index.html＃open-site」をクリックすると、index.htmlがロードされ、すぐにdivが表示されます。

Answer 1

オプションごとにセレクタが必要です。

<ul> 
    <li id="site1"><a href="index.html#open-site">Test</a></li> 
    <li id="site2"><a href="#open-site">Test</a></li> 
    <li id="site3"><a href="test.html#open-site">Test</a></li> 
</ul> 

次に、これらのセレクタでイベントをトリガしようとします。

Answer 2

私はあなたが欲しいと思いました。それがあなたを助けることを願う。

厳密に従うセレクタで要素を検索します。

jQuery('a[href="#open-site"]') 

それは同じパラメータを持つすべての要素を検索するにHREF =＃オープンサイト

要素のみを返しますが、上記の例のように厳密に従って、あなたが必要な要素を見つけるために、すべての要素をフィルタリングしたくありません。 私のコード例は理想的ではありませんが、あなたができることの例です。 jsfiddle