0

現在使用中のリンクに特定のスタイルを適用するナビゲーション バーを作成するために、私は一日中苦労してきました (したがって、「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>

ああ、問題は、リンクをクリックすると、ブラウザでプレビューしたときに別のリンクをクリックするまで、白いテキストで緑色に強調表示されますが、これは起こらないことです。

ホバー効果は引き続き機能するため、ホバーするとリンクは白いテキストで緑色に表示されますが、マウスを離すとリンクが元の状態に戻り、リンクがクリックされて白いテキストで緑色になるはずです?!

4

3 に答える 3

0

js エラーが発生しなかったため、.currentクラスの css ルールは他の css ルールほど重要ではないようです。効果を得るには、次の!importantような css 値の後ろに追加します

.current p{
    color: white!important;
    background-color:#2d7a78!important;
}
于 2013-06-05T18:09:19.333 に答える