onClick nie wykonuje się!?

Question

Cześć,
Za bardzo nie wiem jak opisać ten problem, gdybym wiedział to znalazłbym pewnie już przyczynę.
Mam dwa wydarzenia, które wykonują się po kliknięciu na jeden element. Problem w tym, że drugie wydarzenie wykonuje się tylko gdy kliknę w odpowiednie miejsce na elemencie. Nie mogę zrozumieć jednego: DLACZEGO tak się dzieje.

http://codepen.io/Ivanowski/pen/JXeRpp

EDIT: Zauważyłem, że błąd nie pojawia się na Edge. Na chrome nie działa, jeżeli ktoś korzysta z innych przeglądarek, proszę o napisanie jak to tam wygląda

Gdy kliknę raz na zdjęcie, wydarzenie się nie wykonuje, ale gdy kliknę dwa razy [szybko] wydarzenie się wykonuje.
+ Jeżeli kliknie poza zdjęcie to wydarzenie się wykonuje.

Dlaczego? Jak to można naprawić?

Answer 1

Chrome, działa http://codepen.io/FoxCode/pen/aNQmRq

Comments

No właśnie nie działa, klikaj [powoli co 1s] na obrazek - wtedy niestety nie działa.

---

za każdym razem u mnie działa, nie ważne jak szybko/wolno bym klikał.

---

Ciekawe, możesz mi podać wersje chrome? Ustawienia -> Informacje

---

Wersja 50.0.2661.94 m

---

O jednak faktycznie, coś jest nie tak, Zbugowało mi, teraz mam tak jak ty. 

---

problem jest w 
 

 if( $(this).find('.shadow').length == 0 )
    $(this).append('<span class="shadow"></span>');

 

---

Można tak powiedzieć, pewnie jest to problem związany z .shadow, ale nie tych linijek, ponieważ nawet gdy je usuniemy i do html dodamy ten .shadow, nadal problem występuje.

---

wydarzenie wykonuje się poprawnie na paddingu. Hmm, ciekawy problem, zapiszę sobie ten temat, jak znajdziesz rozwiązanie sam to napisz tutaj w czym był problem. Powodzenia

---

Znalazłem, a raczej ktoś mi bardzo pomógł w znalezieniu rozwiązania/przyczyny.