JQuery странного поведения ти парения

Question

У меня есть странный вопрос с парением JQuery, в addClass

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

}); 

Странный теперь, что выбранный элемент загорается дважды. Как это может быть? Что я делаю, чтобы предотвратить два вспышки?

С наилучшими пожеланиями, B. Kaiser

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 (имя класса)
classNameOne или более имен классов, которые будут добавлены к атрибут класса для каждого элемента.

.addClass (функция (индекс, currentClass))
функции (индекс, currentClass) Функция возвращения одного или нескольких разделенных пробелами класса имена, которые будут добавлены к имени существующего класса (ов). Получает индекс позиции элемента в наборе и существующие имена классов в виде аргументов . Внутри функции это относится к текущему элементу в наборе .

removeClass() documentation работает практически так же.