Как реализовать всплытие картинки с оберткой?

Question

[sokolovwebd]

$(".fadeimg").click(function () {
    var img = $(this); 
    var src = img.attr('src'); 
    $("body").append("<div class='popup'>" +
      "<div class='popup_bg'></div>" + 
      "<img src='" + src + "' class='popup_img' />" +
      "</div>");
    $(".popup").fadeIn(0); 
    $(".popup_bg").click(function () {
      $(".popup").fadeOut(0); 
      setTimeout(function () {
        $(".popup").remove(); 
      }, 0);
    });
    });

Скрипт срабатывает при нажатии на изображение. При добавлении обертки клик до изображения не доходит. Как нужно изменить код, либо как правильно создать обертку?

Answer 1

[Ice]

Не нужно создавать бесконечное число событий по клику.
вынесите событие

$(".popup_bg").click(function () {
$(".popup").fadeOut(0);
setTimeout(function () {
$(".popup").remove();
}, 0);
});

и оберните его

$("html").on("click",".popup_bg", function (evt) {
   // ваш код
});