現在使用中のリンクに特定のスタイルを適用するナビゲーション バーを作成するために、私は一日中苦労してきました (したがって、「about」ページにいる場合、「about」リンクは他のページとはスタイルが異なります)。
私は最終的にjsfiddleでこれを行うことができましたが、テキストエディタで同じコードを適用してブラウザでファイルをプレビューすると、関連する効果はJSfiddleでは機能しますが機能しません。
私はかなりの調査を行いましたが、理由を見つけることができません。どこにも目に見えない文字があるとは思わず、フィドルを「頭にラップしない」に設定し、スクリプトにドキュメント準備コマンドを含めましたが、まだ何もありません.
誰かが見て、本当にありがたいアドバイスを貸してくれるなら、これは私を夢中にさせています!
フィドルはこちら: http://jsfiddle.net/smokescreen/jkLam/
これは私のスクリプトコードです:
<script type="text/javascript">
$(document).ready(function() {
$('li a').click(function(e){
$('a').removeClass('current');$(this).addClass('current');});
});
</script>
ああ、問題は、リンクをクリックすると、ブラウザでプレビューしたときに別のリンクをクリックするまで、白いテキストで緑色に強調表示されますが、これは起こらないことです。
ホバー効果は引き続き機能するため、ホバーするとリンクは白いテキストで緑色に表示されますが、マウスを離すとリンクが元の状態に戻り、リンクがクリックされて白いテキストで緑色になるはずです?!