.hover（）和.click（）不能相互配合使用？

Question

可能是一个新手的错误，但我似乎无法让以下工作;

$(document).ready( function() { 
  $("div.button_normal").hover(
     function() { $(this).removeClass("button_normal").addClass("button_hover"); },
     function() { $(this).removeClass("button_hover").addClass("button_normal"); }
    );  
  $("div.button_normal").click(
     function() { $(this).removeClass("button_normal") }
    )
});

如果我提取.hover()，它可以正常工作，但是，当包含.hover()时，它会覆盖.click()。

有人可以帮我解决一下吗？

Answer 1

您通过类选择器绑定click，但在hover上，您将删除该类。因此click没有被解雇。

您可以使用ID选择器或添加其他类，例如button，但不会在hover上删除。