1

これが可能かどうかはわかりません。そうでない場合は、データ状態またはクラスを追加できますよね?

わかりましたので、最初の質問は...ホバー時にアクティブな状態を追加し、<li>新しいタグが選択された場合に以前ホバーしたタグから削除するにはどうすればよいですか。そのために兄弟を使用する必要があると思いますが、どうすればそれを :active にすることができますか?手がかりがありません。それが不可能な場合は、上記のオプションで問題ないようです...方法を学びたいだけです。

#menubar li {
    background: rgba(20, 20, 20, .3);
    margin: 10px 0;
    padding: 5px 0;
    width: 50%;
    cursor: pointer;
}

#menubar li:active {
    width: 100%;
}


<ul id="menubar">
    <li><a href="head.php">Head</a></li>
    <li><a href="body.php">Body</a></li>
    <li><a href="settings.php">Settings</a></li>
    <li><a href="">None</a></li>
    <li><a href="">None</a></li>
</ul> <!-- menubar CLOSE -->

前述のように、アクティブ状態を追加できるかどうかはわかりません<li>が、それでも質問する必要があります。

このようなものではない場合は、大歓迎です。

<li data-state="active"></li>

また

<li class="activeItem"></li>
4

3 に答える 3

4

クラスを使用する必要があります：

$('li').hover(function() {
    $(this).addClass('active');
}, function() {
    $(this).removeClass('active');
});

疑似クラスはリンク専用です（:activeJuan Mendesが指摘したように）

于 2012-11-27T19:51:19.130 に答える