Как отслеживать события изнутри fancybox

Question

Я создаю всплывающее окно, используя fancybox. ВНУТРИ фантазии у меня есть кнопка, которую я добавил. Я хочу, чтобы что-то произошло, когда пользователь нажимает на эту кнопку. Я пробовал следующий скрипт:

function openNotification(message) {
   var popup_top = "<div class = 'popup_top'></div>";
   var popup_bottom = "<div class = 'popup_bottom'></div>";
   var closeBtnDiv = '<div class="popupBtnContainer"><button class="popupCloseBtn">Close</button></div>';

   $.fancybox.open({
       padding: 0,
       content: message
   });

   $('.fancybox-skin').prepend(popup_top);
   $('.fancybox-skin').append(popup_bottom);
   $('.fancybox-outer').append(closeBtnDiv);
}

$('.popupCloseBtn').click(function(){
   $.fancybox.close();
});

но это не работает. Я вижу в Chrome Debugger, что событие даже не запущено.

Может кто-нибудь помочь, пожалуйста?

Answer 1

Попробуй это

замещать

$('.popupCloseBtn').click(function(){
   $.fancybox.close();
});

С

$('.fancybox-outer').on('click','.popupCloseBtn',function(){
   $.fancybox.close();
});

ИЛИ ЖЕ

$(document).on('click','.popupCloseBtn',function(){
   $.fancybox.close();
});