jquery - 使用鼠标滚轮滚动不会触发 jQuery 悬停或鼠标悬停

Question

我有一个无序列表，当鼠标悬停在其上时，每个列表项的背景颜色都会发生变化。如果鼠标不移动并且滚轮向下滚动，则光标 float 在不同的列表项上方，但不会触发通过 jQuery 的悬停类。为什么是这样？我该如何解决这个问题？

这是代码。

(function ($) {
  Drupal.behaviors.jMapping =  {
    attach: function(context, settings) {
      var jMap,
          pointToMoveTo,
          data,
          bounds,
          icon,
          $el;

      $('#map').height(200).jMapping({
        category_icon_options: {
          'default': {color: '#7CDF65'}
        }
      });

      jMap = $('#map').data('jMapping');
      bounds = jMap.getBounds();

      $.each(jMap.gmarkers, function(id, marker){  

        google.maps.event.addListener(marker, 'mouseover', function() {
          $('#nid-' + id).addClass('hover');
        });
        google.maps.event.addListener(marker, 'mouseout', function() {
          $('#nid-' + id).removeClass('hover');
        });
      });


      $("#map-side-bar li").mouseenter(function() {

        $el = $(this);
        data = $el.data('jmapping');

        if (!$el.hasClass("hover")) {
          $el.addClass("hover");

          jMap.gmarkers[data.id].styleIcon.set("color", "#017DC3"); 
          pointToMoveTo = $.jMapping.makeGLatLng(data.point);
          jMap.map.panTo(pointToMoveTo);
        }
      }).mouseleave(function() {
        $("#map-side-bar li").removeClass("hover");
        jMap.gmarkers[data.id].styleIcon.set("color", "#7CDF65");    
      });
    }
  };
})(jQuery);

Answer 1

看看这个，可能会解决问题。

how to highlight rows in a table on mouse hover ?