Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

jQuery/javascript-fundering

1
Skriv svar
Permalänk
Medlem
●

jQuery/javascript-fundering

Hej!

Jag är ganska ny på jQuery och har en .click() funktion som fadar in efterfrågad div, och fadar ut den förra.

http://pastebin.com/q7eNG9Td

De som fadar in/ut

<div> // container
       <div id="board1"><div>
       <div id="board2"><div>
       <div id="board3"><div>
       <div id="board4"><div>
</div>

Problemet är att om man trycker snabbt på att hämta board2 och 3 exempelvis, så fadar den in båda. Jag antar att det är för att funktionen körs igång innan den andra funktionen har laddat klar. Hur kan jag undvika detta?

MVH Simon

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag är inte särskilt bra på jQuery själv men jag har 3 idéer som kanske kan fungera.

1. Sätt en global boolean variabel som kontrolleras innan varje animation med en if-stats. Vid början av en animering sätt variablen till true, och sedan till false efter animationen är klar. Om en animation då startas innan nästa är klar kommer den animationen ignoreras. (Endast den första animationen körs)

2. Gör din egen kö för animationen: http://stackoverflow.com/questions/5965371/single-queue-for-j... (Om du vill att alla animationer ska köras)

3. Avaktivera "knapparna" under animationen: http://atomicrobotdesign.com/blog/web-development/how-to-disa...

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara