jquery hover().addClass()问题

Question

http://jsfiddle.net/aBaw6/2/

当您将鼠标悬停在列表项时,此演示不会添加类.

我在这做错了什么？

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

HTML

<ul>
    <li>Milk</li>
    <li>Bread</li>
    <li>Chips</li>
    <li>Socks</li>
</ul>

CSS

.hover{
    color:green;
    font-size: 20px;
}

提前致谢.

Answer 1

你的JavaScript形成错误:

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

应该:

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

如果你点击JS Lint屏幕顶部的按钮,它会告诉你这个(这不是一个批评,只是你将来使用JS Fiddle的一个注释).

Answer 2

您的javascript语法不正确

$(this).addClass('hover);

应该:

$(this).addClass('hover');

你忘了终止字符串.

它适用于这种变化.