mouseenter中的AddClass在JQuery中不起作用

Question

我遇到了這個問題，我有一個帶有某些LI的UL，我想要做的是：當我在LI中輸入鼠標時，將類“ focused”添加到上一類，並將其刪除。 所以這是代碼：

HTML：

<ul id="txtHint">
    <li class="focusable focused">Jack</li>
    <li class="focusable">Jone</li>
    <li class="focusable">Junita</li>
    <li class="focusable">Joleen</li>
    <li class="focusable">Jeniffer</li>
    <li class="focusable">Jacquie</li>
    <li class="focusable">Jin</li>
</ul>

jQuery的：

  $("li.focusable").mouseenter(function () {
        $("li.focused").removeClass("focused");
        $(this).addClass("focused");
    });

CSS：

.focused {
    background-color: gray !important;
    color: white;
}

希望有人能找到問題！ 這是小提琴： http : //jsfiddle.net/8qGNu/1/

Answer 1

You missed to include the jQuery library

演示： 小提琴

Answer 2

您只忘記了包括jQuery庫。

Answer 3

使用這個CSS：

.focusable:hover {
    background-color: gray !important;
    color: white;
}

演示： http : //jsfiddle.net/2EeB2/1/