Javascript multiklick

[MarcB]

Hi, folgende Frage:

main {
/*..*/
var menu_inprogress = 0;
	if(menu_inprogress === 0){	
	     $('#tile1-2').click(function() {
                menu_inprogress = 1;
                /*  code
                 *
                 *
                 */
                 menu_inprogress = 0;
               }
         }
}

Kurze erklärung:
Innerhalb der click Funktion findet eine Animation statt, in der ein Menü ein- bzw. ausgeklappt wird.
Die

menu_inprogress

Variable soll verhindern, dass die Animation per Klick neu gestartet wird, während sie noch läuft - Genau das funktioniert aber leider nicht.. Jemand eine Erklärung dafür ?
lg

Edit: Hab leider verfehlt das richtige Forum zu treffen-sorry

 

[mikdoe]

*verschoben aus Links, Tuts usw.*

Das läuft vermutlich asynchron, das heißt, das Toggeln der Variable muss jeweils in das ready Callback der jeweiligen Funktion. Außerdem sind if Abfrage und .click() Zuweisung falsch herum.

 

[MarcB]

Außerdem sind if Abfrage und .click() Zuweisung falsch herum.

Ja hatte da schon beide Wege versucht, stimmt aber ist im Moment nicht der saubere Weg.

in das ready Callback

Weißt du wie ich auf ein solches Ready Callback zugreifen kann?
google gibt mir da nur Verweis auf die $(document).ready(); Funktion

 

[mikdoe]

Das Callback hängt von dieser erwähnten Scrollfunktion ab. Da muss das rein. Nach dem Motto, erst Variable toggeln, wenn fertig gescrollt.

 

[kkapsner]

Zeig' doch mal ein funktionsfähiges Minimalbeispiel und keinen Codefetzen. Dann können wir dir eventuell mit konkreten Hinweisen dienen.

 

[MarcB]

ok kein problem

	var menu_activated = 0;
	var menu_inprogress = 0;
		
	$('#tile1-2').click(function() {
		if(menu_inprogress === 0){
			menu_inprogress = 1;
				if(menu_activated === 0 ) {
					/*change width of ar_main*/
					$('.ar_main').animate({
					width: "-=15.2em"
					}, 200);
					/*menutiles flying on screen*/
					flying_menutiles_appear(0);
					/*toggle menu var*/
					menu_activated = 1;
				}
				else {
					
					/*menutiles flying of screen*/
					flying_menutiles_appear(1);
					/*change width of ar_main*/
					setTimeout( function() {
						$('.ar_main').animate({
						width: "+=15.2em"
						}, 200);		
					}, 1250);
					/*toggle menu var*/
					menu_activated = 0;
					
				}
			menu_inprogress = 0;
		}
	});
		
};

Die Funktion flyin_menutiles_appear verändert mit kleinem delay noch ein paar weitere Elemente in einer Schleife, der Code deckt sonst alles wichtige ab

 

[mikdoe]

Nimm das Variablentoggeln ins .animate() als Callback rein.

 

[kkapsner]

Was macht denn die Funktion flying_menbutiles_appear genau?

- - - Aktualisiert - - -

Da musst du wahrscheinlich den Callback auch beachten.

 

[MarcB]

Ok verstehe, noch eine allgemeine Frage dazu:

Die Tatsache, dass die Animation mehrfach ausgeführt wird stört mich eigentlich weniger, bei zu schnellem klicken kommt es aber zu Bugs (Feld wird dann insgesamt 30.22em größer).
Wie sauber ist der Stil denn noch, wenn ich statt relativer Werte ("-15.11em") einfach einen absoluten Wert angebe, den das Feld annehmen soll?
Den Bug würde das ausmerzen, bin mir aber nicht sicher ob man das allgemein so machen sollte..

 

[kkapsner]

Den Bug würde das ausmerzen

Dann mach das doch so... ob du jetzt einen festen absoluten Breitenwert oder eine feste relative Breitenänderung angibst ist stilistisch ziemlich äquivalent.

 

[MarcB]

Ok habe jetzt mit Hilfe von eigentlich allen Hinweisen was ganz nettes hinbekommen. Falls interesse besteht schicke ich sobald verfügbar einen Link.
danke&lg

 

[kkapsner]

Falls interesse besteht schicke ich sobald verfügbar einen Link.

Tu das.

danke

Bitte - gern geschehen.