Problem z bind('click',function(){}) Opcje

[zaajcu]

Cześć.
Mam mały problem z click, a mianowicie mam taki kod html:

[HTML] pobierz, plaintext 
<div class="to_click">
	Klikanie działa
	<div class="no_action">
		Klikanie nie działa
	</div>
</div>
[HTML] pobierz, plaintext 

i kod javascript

[HTML] pobierz, plaintext 
$('.to_click').bind('click',function(){
	alert('ok')
})
[HTML] pobierz, plaintext 

problem polega na tym że jak kliknę w div.no_action to i tak mi alerta wywala :/ czy da się to jakoś obejść tak aby click tyczył się tylko i wyłącznie div.to_click a kliknięcie w dziecko tego diva nie było brane pod uwagę?

[sowiq]

[JAVASCRIPT] pobierz, plaintext 
$(document).ready( function(){
    $('.no_action').on('click', function(event){
        event.stopPropagation();
    });
});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował sowiq 13.02.2013, 11:48:49

[zaajcu]

Mam tylko z tym jeszcze mały problem ponieważ jak mam zamiast div.no_action, a.no_action i to a to jest ajax to mi ajax nie działa :/

[HTML] pobierz, plaintext 
<div class="to_click">
	Klikanie działa
	<a class="no_action">
		Klikanie nie działa
	</a>
</div>
[HTML] pobierz, plaintext 

Ten post edytował zaajcu 13.02.2013, 12:14:31

[sowiq]

Jeśli elementy wybierasz po klasie (.no_action), to nie ma różnicy czy tam jest <div />, <a /> czy inny element. Przykład masz podany - musisz użyć event.stopPropagation() żeby uniknąć przekazywania zdarzenia do elementów nadrzędnych. A gdzie użyć tej metody, to już zostawiam Tobie jako pracę domową.