鼠标中的AddClass在JQuery中不起作用

Question

我遇到了这个问题，我有一些带有一些LI的UL，我想要它做的是：当我在LI中输入鼠标并将其移到前一个时，添加“聚焦”类。所以这是代码：

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

演示：Fiddle

Answer 2

你只是忘了包含jQuery库。

Answer 3

使用此css：

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

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