jquery hover（）。addClass（）问题

问题描述

当您悬停列表项目时，此演示不会添加类。

我在这里做错了什么？

  $（li）。hover（
 function（）{
 $（this）.addClass（'hover）; 
}，
 function（）{
 $（this）.removeClass（hover）; 
} 
）; 
  

html

 < UL> 
< li>牛奶< / li> 
< li>面包< / li> 
< li>芯片< / li> 
< li>袜子< / li> 
< / ul> 
  

css

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

预先致谢

  $（li）。 hover（
 function（）{
 $（this）.addClass（'hover）; 
}，
 function（）{
 $（this）.removeClass（ hover）; 
} 
）; 
  

应该是：

  $（li）。hover（
 function（）{
 $（this）.addClass（'hover'）; 
}，
 function （）{
 $（this）.removeClass（'hover'）; 
} 
）; 
  

如果您点击 JS Lint 按钮到屏幕的顶部，它会告诉你这个（这不是为了批评，仅仅是为你将来使用JS Fiddle 注释）。

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

This demo does not add class when you hover a list item.

What am I doing wrong here?

$("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;
}

Thanks in advance.

解决方案

Your JavaScript was badly formed:

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

Should be:

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

If you click on the JS Lint button to the top of the screen it would've told you this (this isn't intended as a criticism, just a note for your future use of JS Fiddle).

这篇关于jquery hover（）。addClass（）问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！