Jquery: animate() su 2 div contemporaneamente

LoganDiLoxis

Nuovo Utente
18 Ago 2016
2
1
1
44
Ciao a tutti! Per chi lo è ancora, buone vacanze!!
Ecco il punto:

Nell'head:
Codice:
function openEntrance(){
   $("#liv2sx").animate(
     {left:"-=225px"},{queue:false,duration:1500,easing:"swing"}
   );
   $("#liv2dx").animate(
     {right:"+=225px"},{queue:false,duration:1500,easing:"swing"}
   );
}
Nel body:
Codice:
<div id="liv0" onClick="openEntrance();">
   <div id="liv1">
     <div id="divEntraTxt"><h1>Entra!</h1></div>
  </div>
   <div id="liv2sx" >&nbsp;</div>
   <div id="liv2dx" >&nbsp;</div>
</div>
cliccando col mouse sul div "#liv0", mi apre solo il "#liv2sx", e non tutti e due.
Non ne capisco proprio il perchè. C'è qualcosa che impedisce il funzionamento contemporaneo su 2 div?? -_-'
Qualcuno mi può aiutare?
 
Ultima modifica:

LoganDiLoxis

Nuovo Utente
18 Ago 2016
2
1
1
44
Ho trovato empiricamente la soluzione. basta modificare la function openEntrance() in questo modo:
Codice:
function openEntrance(){
   $("#liv2sx").animate(
     {left:"-=225px"},{queue:false,duration:1500,easing:"swing"}
   );
   $("#liv2dx").animate(
     {left:"+=225px"},{queue:false,duration:1500,easing:"swing"}
   );
}

Grazie a tutti, anche solo per l'attenzione.
L.

Ciao a tutti! Per chi lo è ancora, buone vacanze!!
Ecco il punto:

Nell'head:
Codice:
function openEntrance(){
   $("#liv2sx").animate(
     {left:"-=225px"},{queue:false,duration:1500,easing:"swing"}
   );
   $("#liv2dx").animate(
     {right:"+=225px"},{queue:false,duration:1500,easing:"swing"}
   );
}
Nel body:
Codice:
<div id="liv0" onClick="openEntrance();">
   <div id="liv1">
     <div id="divEntraTxt"><h1>Entra!</h1></div>
  </div>
   <div id="liv2sx" >&nbsp;</div>
   <div id="liv2dx" >&nbsp;</div>
</div>
cliccando col mouse sul div "#liv0", mi apre solo il "#liv2sx", e non tutti e due.
Non ne capisco proprio il perchè. C'è qualcosa che impedisce il funzionamento contemporaneo su 2 div?? -_-'
Qualcuno mi può aiutare?
 
  • Like
Reactions: criric
Discussioni simili
Autore Titolo Forum Risposte Data
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
MarcoGrazia jquery validate() controllo checkbox jQuery 2
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8
MarcoGrazia Validazione forum con jquery.validate jQuery 2
Shyson Smoot scrolling jQuery nella pagina jQuery 0
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
L Scelta form con jquery jQuery 1
F [Javascript] Aprire file tramite jquery Javascript 0
R Aiuto Jquery jQuery 1
G [HTML] Jquery e tooltipster's jQuery 5
I Jquery fadeout-fadein html data jQuery 0
trattorino Estrarre Nome Utente jquery div php PHP 9
L jquery e json controllo valori da determinate chiavi - keys jQuery 0
B PHP e JQUERY per scrivere codice html dinamicamente PHP 2
F [Javascript] Jquery radio Javascript 2
otto9due Errore ricorsivo jquery, non capisco da cosa dipenda.. jQuery 1
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
P leggere file .csv con javascript/jquery Javascript 11
G [Javascript] jQuery PHP MySql - inserire variabile nel DataBase Javascript 8
G [Javascript] Ricalcolo Totale jQuery Javascript 7
G [Javascript] prenotazione posti a teatro jQuery-Seat-Charts Javascript 3
P Javascript o Jquery - recupero testo (oltre al valore) di una select Javascript 5

Discussioni simili