Witam, dziś mam problem z JS

A więc powiedzmy ze mamy taki kod:

[HTML] pobierz, plaintext 
<div class="rodzic">
    <div class="dziecko"></div>
    <div class="dziecko"></div>
</div>
[HTML] pobierz, plaintext 

I powiedzmy że div.rodzic ma jakieś wymiary np. 200 na 200px a div.dziecko 5 na 5 px i sa one jakoś porozrzucane w position:absolute;

następnie jeśli klikam na div.rodzic tworzy się następny div.dziecko w klikniętym miejscu, coś jak zaznaczanie punktów na mapie
ale jeśli kliknę nad div.dziecko a z racji tego ze jest on w div.rodzic to stworzy się następny punkt pod tym czego własnie nie chcę.

Chodzi o to że jeśli najadę na dowolny już stworzony wcześniej punkt i kliknę to nie stworzy się następny, dopiero jak kliknę bezpośrednio na div.rodzic nie poprzez divy siedzące w nim

a próbowałeś zrobić coś takiego, że jak najedziesz myszką na div.dziecko to na to zdarzenie robisz unbind(click) dla div.rodzic i wtedy klikanie w rodzica nic nie daje. Następnie jak myszka opuszcza div.dziecko, to znowu przypisujesz to div.rodzic zdarzenie click

Jeszcze trochę poczytałem dokumentacje i znalazłem ciekawy event mianowicie target, ale dzięki za fatyge

[HTML] pobierz, plaintext 
$('.rodzic').click(function(e) {
                var target = $(e.target);
                if(target.is(".rodzic")){
                    // tworz dziecko
                }
});
[HTML] pobierz, plaintext 

Prostsze rozwiązanie, a więc lepsze