kostenloser Webspace werbefrei: lima-city

Jquery Verzögerung vermeiden

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   atraxoo

   atraxoo hat kostenlosen Webspace.

   14:21, 11.1.2015

   Hey ;)
   
   Ich hab ne Frage an euch.
   
   zuerst der Code:
   

   $(function(){
   
   uname_hover = $('.menu_uname').on('mouseover', function(){
   	$('.menu_uname').animate({width: "200px"}, 100);
   	$('.menu_logout').animate({width: "10px"}, 100).html('');
   	
   	
   });
   
   uname_leave = $('.menu_uname').on('mouseleave', function(){
   	$('.menu_uname').animate({width: "130px"}, 100);
   	$('.menu_logout').animate({width: "60px"}, 100).html('Logout');
   
   });
   
   });

   
   
   zum Problem: Wenn man ganz schnell immer wieder mit der Maus aufs Feld fährt und es wieder verlässt, dann vergrößert und verkleinert es sich auch nach dem Mausbewegen noch ein paar mal weiter.
   
   Frage: Gibt es eine Möglichkeit das zu unterbinden? Natürlich könnte ich einfach die Zeit für die Animation runterdrehen, das möchte ich aber nicht.
   
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. hechma

   

   hechma hat kostenlosen Webspace.

   14:33, 11.1.2015

   hallo atraxoo,
   
   
   eine gute veranschaulichung des probems und dessen lösungen findest du hier: http://css-tricks.com/examples/jQueryStop/
   
   
   lg hechma
4. Autor dieses Themas

   atraxoo

   atraxoo hat kostenlosen Webspace.

   15:00, 11.1.2015

   Genau das habe ich gesucht.
   
   Vielen Dank hechma :)

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?