jQuery bind mouseenter и проблема колебания mouseleave

Question

Я хотел бы спросить, есть ли правильный способ избежать функции mouseenter mouseleave для / to wobble выбранного элемента?

этот код пришел из jquery и работаетправильно, но когда вы по ошибке наводите курсор мыши много раз на навигацию, она покачивает скрытые элементы, когда ваша мышь уже подведена к элементу.

      $('#mn_learn').bind('mouseenter mouseleave', function(){
    $('.toggleLearn').slideToggle('250');
  });

Я пытался выяснить, как этого избежать, но мне не повезлосделай это.заранее спасибо за помощь. проверьте образец здесь ...

Answer 1

jQuery ставит в очередь каждую анимацию, которую вы пытаетесь выполнить, чтобы не ошибочно запустить две одновременно, чтобы предотвратить перегрузку анимации, вам нужно очистить очередь текущего объекта, используя jQuery.stop(1,1).

$('#mn_learn').bind('mouseenter mouseleave', function(){
    $('.toggleLearn').stop(1,1).slideToggle('250');
});

Answer 2

Возможно, вы захотите заглянуть в плагин при наведении (http://cherne.net/brian/resources/jquery.hoverIntent.html), этот поток обсуждает это.