Событие hover только после 2 секунд

[niksan]

Как сделать ,чтобы свершалось событие hover, только в случае, если мышка держится на элементе 2 секунды, если меньше, то ничего.?

[exec]

$( element ).hover(function () {
	window.initHandler = setTimeout( handler, 2000 );
	var $this = this;
	function handler() {
		alert( $this ); // Используем выбранный jQuery-объект внутри другой функции
	}
}, function () {
	clearTimeout( window.initHandler );
});

[niksan]

exec, спасибо, все получилось! )

[subzey]

exec,
а если элементов несколько? window.initHandler-то один.

[exec]

Тогда надо писать что-то вроде

window.initHandlers = [];
$( collection ).each(function ( i ) {
	$( this ).hover(function () {
		window.initHandlers[i] = setTimeout( handler, 2000 );
		var $this = this;
		function handler() {
			alert( $this ); // Используем выбранный jQuery-объект внутри другой функции
		}
	}, function () {
		clearTimeout( window.initHandlers[i] );
	});
});

Хотя и первый вариант сработает, если элементы не вложены друг в друга.

[subzey]

Кстати, если нужна какая-то тривиальная вещь, наподобие меню, вполне можно использовать .delay()

$("#menu li").hover(
	function(){
		$("ul", this).delay(2000).slideDown();
	},
	function(){
		$("ul", this).stop(true, true).slideUp();
	}
)

[niksan]

delay, вроде вызовет действие в любом случае, просто через промежуток времени. я не прав? Просто нет сейчас возможности проверить, извиняюсь..

[subzey]

Да, но .stop() очищает очередь анимации, поэтому действия при уведении курсора не происходит.

Это не универсальный подход, но для, например, выпадающих меню подходит хорошо.