Javascript .hover（）和.click（）不'；我们不能一起工作吗？

可能是新手犯的错误，但我似乎无法做到以下几点：

$(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（）

时，它会覆盖

。单击（）

有人能帮我修好吗？
您正在通过类选择器绑定
单击
，但在
悬停时，您正在删除该类。因此，
单击
不会触发

您可以使用id选择器或添加另一个类，如
按钮
，例如，在
悬停
上不会删除该类。您应该能够在CSI上完成所有这些操作，但缩进已修复，它会显示一些缺失的
.click（）
中的code>我现在得到了这个，但是。click（）只在悬停期间保持<代码>$（文档）.ready（函数（）{$（“div.button_normal”）.hover（函数（）{$（this）.removeClass（“button_normal”）.addClass（“button_hover”）}，function（）{$（this）.removeClass（“button_hover”）.addClass（“button_normal”）；$（“button#button_2”）。单击（函数（）{$（this）.removeClass（“button_hover”）.addClass（“button_active”）；}）提前感谢您顺便看一看。这是因为，
onMouseOut
您的悬停处理程序正在重置样式。在重置样式之前，我更新了您的小提琴以检查活动状态。