Доброго дня Вам, коллеги.
Я в цейтноте и в той области, в которой совсем новичок. Прошу вашей помощи.
Есть слайдинг, организованный с промощью slideDown, slideUp. Проблема состоит так же как и у автора темы - при частом наведении курсора создается длиннющая очередь событий и все это дергается и "всплывает" крайне неприглядно, пока не очистится весь стек событий.
Использовалось следующее решение:
$this.hover(
function () {
if((navigator.appVersion).indexOf('MSIE 7.0') > 0)
$('.overlay',$(this)).show();
else
$('.overlay',$(this)).fadeTo(250, 0.3);
if(!o.showcaption)
$(this).find('.ic_caption').slideDown(500);
else
{
$('.ic_text',$(this)).slideDown(500);
$('.ic_caption',$(this)).fadeTo(250, 1);
}
},
function () {
if((navigator.appVersion).indexOf('MSIE 7.0') > 0)
$('.overlay',$(this)).hide();
else
$('.overlay',$(this)).fadeTo(250, 0);
if(!o.showcaption)
$(this).find('.ic_caption').slideUp(200);
else
{
$('.ic_text',$(this)).slideUp(200);
$('.ic_caption',$(this)).fadeTo(250, 0.7);
}
}
);
Подскажите куда и как вставить таймер и его сброс, чтобы при наведении на объект курсора отработка событий наступала только если курсор над объектом дольше 0,3 с. Если меньше - события не обрабатывались.
Простите, если не сумел корректно объяснить суть вопроса.