Как сделать, чтобы крестик закрытия модального окна не удалялся при подгрузке в него контента?

Question

[Александр]

Всем привет. Есть модальное окно с крестиком закрытия справа сверху. При подгрузке в это окно контента из внешнего файла .load() - крестик пропадает. То есть контент из diva подменяется на контент из файла. Это так же происходит при .text() , .html() , .append()
Что нужно сделать, чтобы крестик все же оставался на нужном месте?

Answer 1

[0xD34F]

Добавьте внутрь окна ещё один блок, <div class="modal-content">, например.

И кидайте подгружаемый контент в него.

Comments

[Александр]

Спасибо! Работает!

Answer 2

[Валентин]

При append "крестик" остается
https://codepen.io/anon/pen/KEERdJ

$('button').click(function(){
			$('.overlay').fadeIn(200);
			$('.modal-one').show().animate({
				width: '30%',
				height: 100
			}).css({
				top: '50%',
				left: '50%',
				transform: 'translate(-50%, -50%)'
			}).append('Lorem ipsum dolor sit amet, consectetur adipisicing elit.'); 
		})
		$('.modal-one span, .overlay').on('click', function(){
			$('.modal-one, .overlay').fadeOut(500)();
		})

Comments

[Александр]

Нужно чтобы при .load() работал. Так как подгрузка идет из внешнего файла.