Сообщений в теме: 4

[Дмитрий Калугин]

Привет, всем. Проблема следующая (ну не столько проблема, сколько неприятная мелочь)... Следующий код будет выполняться когда курсор будет над объектом и когда уйдет с объекта.

$(this).mouseover(function(){$(this).fadeIn()})
$(this).mouseout(function(){$(this).animate({opacity: 0.5})})

Но если быстро провести над объектом несколько раз, то код повторится такое же количество раз. Как можно этого избежать?

[Артём Еремеевский]

http://api.jquery.com/hover/

$(this).hover(function(){
  $(this).fadeIn();
}, function(){
  $(this).fadeTo(0.5);
})

Хотя это вряд ли от повторения анимации поможет, скорее от ложных срабатываний, кои при раздельном использовании mouseover, mouseout бывают.

В вашем случе нужно можно использовать плагин hoverIntent: http://cherne.net/br...overIntent.html
В кратце, он запускает событие mouseover, если курсор не просто попал в элемент, но и остановился там. Попробуйте на странице плагина первый пример (стандартный hover) и второй (hoverIntent) - очень наглядно.

[Дмитрий Калугин]

Хотя это вряд ли от повторения анимации поможет, скорее от ложных срабатываний, кои при раздельном использовании mouseover, mouseout бывают.

Я сначало именно hover и пробовал, но hover еще и по unbind() нельзя снять, поэтому пришлось делать на mouseover и mouseout. За ссылку огромное спасибо, то что нужно. Но придеться ее покопать т.к. сам хочу понять как работает.

[Артём Еремеевский]

Я сначало именно hover и пробовал, но hover еще и по unbind() нельзя снять

Потому что hover - это не событие, а быстрая функция для mouseover/mouseout, соответственно и снимать по unbind нужно отдельно mouseover и mouseout.

[Дмитрий Калугин]

hover - это не событие, а быстрая функция для mouseover/mouseout

Да, да, да... Именно это я тут и прочитал http://api.jquery.com/hover/
Но это было после...

Сообщение отредактировал diamond82: 01 Сентябрь 2011 - 09:54