0

まず、いくつかのコンテキストを提供しましょう: http://dev.eduantech.com/

現在開発中の新しいウェブサイトのプレビューがあります。:) 恥知らずな自己宣伝。;P

とにかく、注目していただきたいのはメニューです。li背景にカーソルを合わせると、テキストと同じように青色になり、読めなくなります。aこの時点で、テキストは白くなるはずですが、実際にマウスをテキスト (実際のタグ)の上に置くまで白くなりません。

liにカーソルを合わせると、実際にテキストも白くなるようにするにはどうすればよいですか。もちろん、これは jQuery で簡単に実現できる可能性がありますが、次の問題が発生します。

をクリックすると、タグの値liに送信され始めるようにするにはどうすればよいですか。aつまり、タグ全体liをリンクにする...

興味のある方のために、私はStatamicを使用しています。

繰り返しますが、これは単純/困難な jQuery ですべて達成できる可能性があります。jQuery なしでそれを行うことは想像できません (*震える*)。

私のコードに関する何らかの知識が必要な場合は、もちろん、Web サイトのソースなどを確認できます。;)

4

3 に答える 3

2

aタグを と同じサイズにするだけliです:

div#sidebar nav ul li a{
    width: 100%;
    display: block;
}

からパディングを削除し、li代わりに に適用することもできます。a

于 2013-05-13T13:08:03.270 に答える
2

これを使って

#menu ul li:hover a{color:#FFF;}
于 2013-05-13T13:05:29.577 に答える
1

最もクリーンな方法は、li タグをアンカー タグの URL にリダイレクトすることです。このように、li 内に他の要素が必要な場合でも、li 要素全体をクリックできます。

ここでこの実験を確認してください: http://jsfiddle.net/ypJ8Q/

$("#clickable").click(function() {
    window.location.href = $(this).children('a').attr('href');
});
于 2013-05-13T13:14:56.123 に答える