Использование jquery hover

Question

У меня есть событие jquery hover, которое срабатывает при наведении курсора на элемент.Проблема в том, что если вы наводите элемент на элемент несколько раз, он ставит в очередь событие, иногда оставляя элемент мигающим хорошо, минуты, в зависимости от того, как быстро и как долго вы наводите курсор на элемент.Я хочу остановить распространение события, чтобы исключить эту очередь.

$('.pui-search-item').hover( function() {
        $(this).find('.pui-actions').show('fade');
    }, function(){
        $(this).find('.pui-actions').hide('fade');

    });

Как бы я это сделал, я пробовал различные функции распространения без эффекта.

Спасибо завперед.

Answer 1

Попробуйте это:

$('.pui-search-item').hover( function() {
        $(this).find('.pui-actions').stop(true, true).show('fade');
    }, function(){
        $(this).find('.pui-actions').stop(true, true).hide('fade');

    });

Подробнее о stop () http://api.jquery.com/stop/

Answer 2

Добавьте вызов функции stop(true) перед анимацией, чтобы сбросить очередь.

Answer 3

Попробуйте эту ссылку.

Ваша реализация должна измениться на:

$('.pui-search-item').hover(function() {
  $(this).find('.pui-actions').stop(true, true).fadeOut();
}, function() {
  $(this).find('.pui-actions').stop(true, true).fadeIn();
});