2012-02-14 14 views
1

ナビゲーションメニューがあり、「連絡先をクリックする」と表示されると、DOMの上部にdivが表示され、jQueryを使用して連絡先にアクティブな状態を追加したいのですが、それを働かせてください。クリック時のクラスを削除して別の要素に追加

I'vbeは、あなたがあなたのクリックハンドラを閉じていません...フィドルがうまくいけば、より良い説明する

http://jsfiddle.net/PFD5C/

+3

があります不足している '});'スクリプトの終わりに。 –

+0

あなたのフィドルには '})がありませんでした。 'http://jsfiddle.net/PFD5C/3/ –

+0

連絡先がクリックされたときにdivが開かれる理由がわかりません。 – CompanyDroneFromSector7G

答えて

4

を作りました。試してみてください:

$(document).ready(function() { 
    // Append class to contact 
    $('.contact').click(function() { 
     $("li a").removeClass("static"); 
     $(this).addClass("static"); 
    }); 
});​ 

Your updated fiddle.

P.S. 「JSLint」ボタンを押すと、問題を特定するのに役立ちます。あなたのフィドルで

+0

ああ、ありがとう! – Liam

3

あなたは逃したあなたがコーディングを開始する際、適切にコードをインデントすると、あなたが学ぶ最初のものであるべき理由です});

閉じます。

Updated fiddle

0

あなたはあなたでは、1つの閉じ括弧に

}); 
1

が欠落しているJSフィドルリンクしている、あなたは、クリックイベントのエンドブラケット/括弧/セミコロンを持っていませんでした。これは私のために働くように思えた。

$(document).ready(function(){ 
    // Append class to contact 
    $('.contact').click(function(){ 
     $("li a").removeClass("static"); 
     $(this).addClass("static");  
    });     
}); 
0

あなたが最後に});を追加して.click()オブジェクトをクローズしていない、あなたはこれが正常に動作します参照:http://jsfiddle.net/PFD5C/5/

関連する問題