Отмена hoverIntent timer

Question

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

У меня есть меню с интерактивным элементом li, который также имеет зависание. Если кто-то нажимает на нее до начала таймера таймера намерения, я хочу отменить hoverintent, просто потому, что он выглядит лучше.

Я не могу понять, как, сначала, дизайнер, второй кодер. Это то, что вызывает намерение:

$('#navigationContainer ul li').hoverIntent(configDown); 

Он получил переменную configDown, которая определяет чувствительность и т.д. И две функции, называемые slideUp и slideDown. Все работает отлично.

Если кто-то нажимает на этот же элемент, я хочу отменить hoverIntent. Любая помощь будет оценена по достоинству.

Answer 1

Вместо отмены hoverIntent, изменить код в обратных вызовов hoverIntent сначала проверить, если li нажата:

var configDown = { 
    slideUp: function() { 
     if ($(this).hasClass('no-intent')) return; 
     // slide up 
    }, 
    slideDown: function() { 
     if ($(this).hasClass('no-intent')) return; 
     // slide down 
    } 
}; 

$('#navigationContainer ul li').click(function() { 
    $(this).addClass('no-intent'); 
}).hoverIntent(configDown); 

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