jQuery voorkom actie wanneer op bepaald object geklikt

Door - Ricardo - op 18-02-2012 21:07

1.752 views

Ik zit met een klein jQuery vraagstuk. Ik heb een normale div, en als daar op geklikt wordt schuift deze met slideUp naar boven etc. Nu staat er in die div een input veld:


<div>
	<input type="text" />
</div>

Nu wil ik het zo in elkaar zetten dat als er op de div geklikt wordt hij gewoon omhoog schuift, maar als er op de input in deze div geklikt wordt hij niet schuift. Kan iemand me een duwtje in de goede richting geven met een functie o.i.d. ?

Alvast bedankt!

Roel -

18-02-2012 21:18

Waar is je .click() code?
Voor dit soort zaken kun je namelijk event.preventDefault() gebruiken, maar dat ligt aan de code die je gebruikt.

- Ricardo -

18-02-2012 21:21 gewijzigd op 18-02-2012 21:22

Weinig bijzonders, het is gewoon:


$('#block1').click(function () {
	if($('#block1').css('height') == '120px')
	{
		$('#block3').slideUp('400', function() {
			$("#block1").animate({height: "275px"});
		});
		// Nog wat losse acties
	}
	else
	{
		$("#block1").animate({height: "120px"}, function() {
			$('#block3').slideDown();
		});
		// Nog wat losse acties
	}
});

Alles binnen $('#block1').click(function () { }); zou dus niet uitgevoerd moeten worden indien er op een input veld is geklikt wat in #block1 ligt.

Wouter J

18-02-2012 21:39

Gebruik event.stopPropagation() om dit voor elkaar te krijgen. Voorbeeld: http://jsfiddle.net/5PTtB/1/

- Ricardo -

18-02-2012 21:45

Wouter J op 18/02/2012 21:39:27

Gebruik event.stopPropagation() om dit voor elkaar te krijgen. Voorbeeld: http://jsfiddle.net/5PTtB/1/

Die zocht ik, bedankt!

Reageren

Inloggen om te reageren