jQuery fadeIn и fadeOut при зависании при наведении после использования .stop()

У меня есть простое плавное исчезновение и исчезновение при наведении курсора, как вы увидите в моем коде. Проблема в том, что, чтобы предотвратить появление fadeIn/Out 100 раз, мне нужно использовать .stop(), прежде чем я вызову fadeIn/Out, но стоп, кажется, замораживает элементы, исчезают, а затем, когда вы наводите курсор назад, он будет только исчезать насколько вы позволите, вы можете увидеть пример здесь: http://ena.vu/jhover/jhover.html

и код jQ:


obj.children().hover(function(e){ 
$(this).find("."+options.title_class).stop().fadeIn(options.title_speed);
},function(){
$(this).find("."+options.title_class).stop().fadeOut(options.title_speed);
});

javascript jquery hover fadein fadeout
person agrublev    schedule 08.12.2010    source источник
comment
Вместо того, чтобы предоставлять код, не могли бы вы описать, чего вы хотите достичь?   -  person Matrym    schedule 08.12.2010

Ответы (2)


arrow_upward
3
arrow_downward 

obj.children().hover(function(e){  
$(this).find("."+options.title_class).stop().fadeTo(options.title_speed,1); 
},function(){ 
$(this).find("."+options.title_class).stop().fadeTo(options.title_speed,0); 
});

Я уверен, что это сработает для вас. Подробнее читайте в fadeTo.

person Tyde    schedule 08.12.2010
comment
вы абсолютно правы, это сработало как шарм. Теперь, только если бы я мог найти способ сделать то же самое для эффекта slideUp и slideDown :( - person agrublev; 08.12.2010
comment
Вы можете использовать функцию анимации, которая может перемещать объект. У меня нет кода из головы, но посмотрите здесь api.jquery.com/ анимировать - person Tyde; 10.12.2010

arrow_upward
0
arrow_downward

Вы можете использовать это, это может быть полезно для вас

obj.children().mouseover(function(){ $(this).find("."+options.title_class).stop().fadeTo('fast', 1).show();

}).mouseout(function(){ $(this).find("."+options.title_class).stop().fadeOut('fast'); });

person KillerFish    schedule 08.12.2010