Почему может не обрабатываться нажатие на блок?

Question

[GrimJack]

Вот код

$("a.fancybox.pop-wrap").click(function() {
  $("#fancybox-wrap").addClass("pop-wrap");
});
/* проблемный кусок */
$("div#fancybox-overlay").click(function() {
  $("#fancybox-wrap").removeClass("pop-wrap");
});
/* ----*/
$("a#fancybox-close").click(function() {
  $("#fancybox-wrap").removeClass("pop-wrap");
});

Не работает проблемный кусок, и когда он в середине, то все что ниже так-же не работает. Однако, если вставить его в консоли (хрома), то все что ниже работает нормально, но этот кусок не работает все равно. А теперь самое интересное, если вставить в хроме без других блоков, то он работает норм (это единственный кастомный код на странице)

Answer 1

[iBird Rose]

ниче не понял по рассказу - но попробуй так:

$(document).on("click", "a.fancybox.pop-wrap", function() {
	  $("#fancybox-wrap").addClass("pop-wrap");
	});
	/* проблемный кусок */
	$(document).on("click", "div#fancybox-overlay", function() {
	  $("#fancybox-wrap").removeClass("pop-wrap");
	});
	/* ----*/
	$(document).on("click", "a#fancybox-close", function() {
	  $("#fancybox-wrap").removeClass("pop-wrap");
	});