悬停时的jQuery奇怪行为

Question

我对 jQuery 的悬停，addClass 有一个奇怪的问题

$(document).ready(function(){
    $('#selectable li').hover(
            function(){
                $(this).addClass('selecting', 600);
            },
            function(){
                $(this).removeClass('selecting', 800);
            }
    );

});

现在奇怪的是被选中的元素亮了两次。怎么会这样？我该怎么做才能防止两次亮起？

最好的问候， B. 凯撒

Answer 1

尝试使用这样的替代方法：

$('#selectable li').on('mouseenter',function(){
  $(this).addClass('selecting');
}).on('mouseleave',function(){
  $(this).removeClass('selecting');
});

_{你需要一个最新版本的 jQuery。 ver 1.7+}

不太确定您是否尝试使用 addClass/removeClass 调用中的数字参数来完成。 jQuery documentation 将这些函数定义如下：

http://api.jquery.com/addClass/

.addClass(className)
className一个或多个要添加的类名 每个匹配元素的类属性。

.addClass(function(index, currentClass))
function(index, currentClass)返回一个或多个空格分隔的类的函数 要添加到现有类名的名称。接收索引 集合中元素的位置和现有的类名称为 论据。在函数中，this 指的是当前元素 集合。

removeClass() documentation 的工作方式也几乎相同。