Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di sgogghy
    Registrato dal
    Sep 2010
    Messaggi
    237

    Jquery - Ripetizione effetto su hover

    Ciao a tutti,
    spero possiate aiutarmi con il mio problema.

    Utilizzando JQuery, impostando degli effetti ad elementi, come ad esempio link, tramite hover() o mouseenter(), succede che andando con il puntatore sopra all'elemento più volte, l'effetto richiamato viene ripetuto tante volte.
    Come è possibile risolvere questo problema?

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    usa .stop(true,false) prima di animare l' elemento
    true per clearQueue, false per jumpToEnd

    ciao

  3. #3
    Utente di HTML.it L'avatar di sgogghy
    Registrato dal
    Sep 2010
    Messaggi
    237
    Ciao Xinod, ho provato come hai detto ma non ha funzionato.
    Ho fatto così:
    codice:
    $(document).ready(function(){
    	$('li.fa').stop(true,false).mouseenter(function(){
    		$('ul.child').slideToggle(200);
    
    	}).stop(true,false).mouseleave(function(){
    		$('ul.child').delay(500).slideToggle(200);
    
    	});
    });
    Quando vado ripetutamente sull'elemento "li.fa" gli effetti vengono messi in coda e si ripetono.
    Sbaglio qualcosa?

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    gli stop vanno immediatamente prima dell' istruzione che genera l' animazione
    in questo caso slideToggle

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.