Ho un menu a fisarmonica personalizzato. Per visualizzare le opzioni di secondo livello nel menu, ho scelto di utilizzare slideToggle()
. Per qualche ragione, c'è un ritardo tra quando cliccano e quando si verifica l'animazione.ritardata jQuery slideToggle animazione
Ciò è evidente se visto in contrasto con un altro menu a fisarmonica sulla stessa pagina ... ho scoperto che la funzione che è destinato (al clic) alla voce di menu viene eseguito quasi immediatamente. Il problema è che l'animazione slideToggle
sembra iniziare più tardi del dovuto.
Credo che questo potrebbe accadere a causa del modo in cui sto prendendo di mira l'elemento che è stato chiamato slideToggle()
.
var $expandableMenu = $(".expandable .level1");
$expandableMenu.bind('click', function() {
$(this).next().slideToggle(200, function() {
$(this).parent().toggleClass("opened");
});
});
Forse il problema è che $(this).next()
è un modo lento per indirizzare l'elemento che ho bisogno di usare slideToggle()
su?
Quali sono i tuoi pensieri?
Modifica: Ho effettuato un test case jsFiddle ... Stranamente il problema non si verifica qui. http://jsfiddle.net/nYZNP Stai ancora cercando il problema.
+1 solo per l'animazione! Questo è un ottimo modo per illustrare il problema. –
Ti dispiacerebbe postare un [jsfiddle] (http://jsfiddle.net) in modo che possiamo testare meglio il tuo problema? Inoltre, il markup pertinente sarebbe utile pure. Grazie! –
jsFiddle replica del markup e jQuery: http://jsfiddle.net/nYZNP/ Stranamente, il problema non si verifica nel violino .... hmm .. –