Вот, допустим, простой код:
$('[data-modal]').on('click', function() {
// Если есть на странице модальное окно - открываем его
if( $($(this).attr('data-modal')).length ) {
show_modal( $(this).attr('data-modal') );
} else {
// Если нету - загружаем по AJAX и открываем
var data_modal_rpl = $(this).attr('data-modal').replace('#', '');
$('body').load('/ajax/load/'+data_modal_rpl+'.php');
show_modal( $(this).attr('data-modal') );
}
return false;
});
// А тут мы уже закрываем модальное окошко при нажатии на определенные кнопки.
$('.modal_close, .modal_close_bg').on('click', function() {
hide_modal();
return false;
});
Вот собственно проблема в том, что, в данном случае, код по закрытию окошек обрабатывает только те кнопки, которые уже есть на странице. А те, что подгружены по AJAX - нет.
Это можно как-то исправить?
Все это дело в $(document).ready();
$('[data-modal]')
, мне просто интересно, это у вас элемент такой?notice
!