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

Question

У меня есть простой hover fadeIn и fadeOut, как вы увидите в моем коде.Проблема в том, что для предотвращения появления 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);
});

Answer 1

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

Answer 2

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

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

}). mouseout (function () {$ (this) .find ("." + options.title_class) .stop (). fadeOut(«быстро»);});