.hover()和.click()不能相互配合使用

.hover() and .click() don't work in conjunction with each other?

本文关键字:相互配合 click hover 不能      更新时间:2023-09-26

可能是新手的错误,但我似乎无法使以下工作;

$(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()

谁能帮我修理一下吗?

您通过类选择器绑定click,但在hover上,您正在删除该类。因此click不开火。

您可以使用id选择器或添加另一个类,例如button,这不会在hover上被删除。