javascript - 鼠标输入中的 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;
}

我希望有人能找到问题所在!这是 fiddle :http://jsfiddle.net/8qGNu/1/

Answer 1

You missed to include the jQuery library

演示:Fiddle