Почему активируется вторая функция клика если на неё не нажимали?

Question

[Игорь]

Кликаете на желтый квадрат и появляется окно прозрачное на весь экран и если кликнуть в темную область (мимо картинки) то прозрачная темная область должна закрыться,но она закрывается и снова открывается,почему так?

и как поправить?

$(".first").click(function(){

    $(".visivleCe").fadeIn(900);

 });


$(".visivleCe").click(function(){

 $(".visivleCe").fadeOut(900);
alert("ff");
 });

Answer 1

[Александр]

Для просмотра всех JS событий, которые навешаны на DOM элементы, можно использовать Visual Event плагин под Chrome https://chrome.google.com/webstore/detail/visual-e... . Я давно им пользуюсь, довольно удобно.

Answer 2

[bogdan0083]

Вместо

$(".first").click(function(){

    $(".visivleCe").fadeIn(900);

 });

Можно написать

$(".first .item").click(function(){

    $(".visivleCe").fadeIn(900);

 });

А первое событие срабатывает вот почему: https://learn.javascript.ru/event-bubbling

Comments

[Игорь]

$(".first .item") в чём смысл так писать?
тогда даже по клику на желтый круг не будет высплывать