Как сделать модальное окно с содержимым не со страницы?

Question

[Insom84]

Подскажите простой скрипт модального окна, только так, чтобы при открывании этого окна содержимое он брал не из html'ки в которой он там лежит с дисплеем нон, а из тела самого модального скрипта например этого?

Answer 1

[Сергей Жубартович]

Есть много плагинов
Например хорошие:
magnific-popup или fancybox 3

Comments

[Insom84]

что то там много попапов, а какой берет содержимое из тела не понятно..

Answer 2

[Максим Тимофеев]

Вот модалка:
getbootstrap.com/javascript/#modals
Вот там же пример передачи данных:
getbootstrap.com/javascript/#modals-related-target
Можно подгружать ajax-ом, как-то так:

$('#create').on('shown.bs.modal', function (e) {
  var modal = $(this);
  var button = $(e.relatedTarget);
  var url = button.data('url'); 
  var title = button.data('title'); 
  modal.find('.modal-title').text(title);
  modal.find('.modal-body').load(url);
});

Answer 3

[tvsjke]

https://jsfiddle.net/tvsjke/t738bap5/

Содержимое можешь хоть в обработчик вызова модалки запихнуть.

Answer 4

[ZolotarevKirill]

а в чем проблема я не пойму? Jqсломался? Или что?