JQuery простой пролонгации меню (без очереди анимации)

Question

У меня есть простой неупорядоченный список с элементами списка в качестве пункта меню я создал JQuery только для того, чтобы иметь забавный эффект опрокидывания существо:

$('#nav ul ul li').hover(function(){
$(this).animate({ 
        marginLeft: "20px",
      }, 300 );
}, function(){
$(this).animate({ 
        marginLeft: "0px",
      }, 300 );
});

проблема с этим сценарием в том, что, если вы несколько раз пролистаете меню, создается очередь анимации. я попытался использовать .stop () между ними, но затем он также останавливает анимацию из других элементов списка, которые должны вернуться в состояние по умолчанию в любом случае Есть ли способ остановить () очередь на элемент? но не для всего списка?

Answer 1

Я не понимаю, почему $ (this) .stop () .animate (...) не работает для вас, но вы также можете попробовать этот подход:

$(":not(:animated)", this).animate(...)

, которая запускает анимацию только для элементов, которые в данный момент не анимированы