jQuery onClick Selektor Ausnahme

[fiu]

Hallo Zusammen

Hat jemand vlt. eine Idee für mein Problem .. steh grad auf dem Schlauch

Ich habe ein div #overlay ... das hat 100% width und height und innerhalb dieses div is noch ein div .. nennen wir es ".innen"

<div id="overlay">
<div class="innen">
</div>

Ich möchte nun das die Funktion ausgeführt wird, egal wohin man innerhalb des #overlay klickt ... AUSSER man klickt auf .innen ... dann nicht

$("*******").click(function() { $('#overlay').fadeOut(); });

Hab schon etliche :not und != Varianten durch aber .. irgendwie ... entweder er schliesst sich immer oder nie

Falls mir jemand da helfen könnte wäre das echt super


besten Dank

mfg fiu


PS: Ich weiss nicht ob das eine Rolle spielt, aber innerhalb des .innen sind weitere Elemente die natürlich ebenfalls keine "Schließung" herbeiführen sollen.

[Heglanx]

Dein Problem bedingt einer Bedingungsabfrage. Du musst also in deinem Click-Event abfragen, ob dein Zielobjekt gegklickt wird, wenn nicht, dann hast du deinen Fall abgedeckt. Ist also ein klassischer Fall von "Fallabfragen" in Programmiersprachen. Diese macht man üblicherweise in fast jeder Sprache mit if/else (wenn/dann).

$("#overlay").click(function(event) {
	 	
		// Abfrage mit "if/else" (wenn/dann) ein bestimmter Fall gegeben ist, dann mache etwas.
		if( $(event.target).is(".innen") ) {
				return;
 			 } else {
				// Anweisungsblock für den Fall, wenn die Bedingung nicht erfüllt ist
				alert("Ich werde ausgeführt, wenn die erste Bedingung nicht erfüllt ist, was zur Laufzeit festgestellt wird.");	 
		}
			
});

Das nennt man auch "Kontrollstruktur". Der Name ist Programm. Was genau passiert ist einfach. Falls in deinem Click-Event das Ziel (target) deines Events einem bestimmten Element entspricht (is), dann unterbreche sofort den Click-Event. Das unterbrechen passiert mit der Anweisung: return. Return geht also wieder quasi aus diesem Click-Event heraus an der Stelle, wo das return aufgerufen wird oder wie hier in einer Abfrage.

Viele Grüsse ;)