Marktolog
@Marktolog
Full stack php developer

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

Всем привет. Есть модальное окно с крестиком закрытия справа сверху. При подгрузке в это окно контента из внешнего файла .load() - крестик пропадает. То есть контент из diva подменяется на контент из файла. Это так же происходит при .text() , .html() , .append()
Что нужно сделать, чтобы крестик все же оставался на нужном месте?
  • Вопрос задан
  • 1503 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Добавьте внутрь окна ещё один блок, <div class="modal-content">, например.

И кидайте подгружаемый контент в него.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
romanko_vn
@romanko_vn
При 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)();
		})
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы