2

我写了以下代码:

$(document).ready(function () {
    $("#rade_img_map_1335199662212").hover(function () {
        $("li#rs1").addClass("active");  //Add the active class to the area is hovered
    }, function () {
        $("li#rs1").addClass("not-active");
    });
});

问题是它似乎没有在悬停时切换类?

但是我怎样才能得到它,以便类基于悬停和非悬停切换..?

4

2 回答 2

15

不要在悬停时添加不同的类,只需删除active该类

$(document).ready(function(){

  $("#rade_img_map_1335199662212").hover(function(){

      $("li#rs1").addClass("active");  //Add the active class to the area is hovered
  }, function () {
      $("li#rs1").removeClass("active");
  });

});

或者如果所有元素一开始都处于非活动状态,您可以使用单个函数和toggleClass()方法

$(document).ready(function(){

  $("#rade_img_map_1335199662212").hover(function(){
      $("li#rs1").toggleClass("active");  //Toggle the active class to the area is hovered
  });

});
于 2012-04-23T17:24:43.647 回答
1

尝试如下,

  $(document).ready(function () {    
      $("#rade_img_map_1335199662212").hover(function () {    
          $("#rs1")
             .removeClass("not-active")
             .addClass("active");  //Add the active class to the area is hovered
      }, function () {
          $("#rs1")
             .removeClass("active");
             .addClass("not-active");
      });    
  });
于 2012-04-23T17:27:47.497 回答