Bootstrap Modal загружает только div при нажатии

Question

Im using Bootstrap на веб-сайте, где на странице есть несколько модалов.

Используя Chrome Dev Tools, я тестировал использование сети и заметил, что изображения в модальном представлении называются/предварительно загружаются при загрузке страницы - я думаю, что имеет смысл, что все они находятся в div на одной странице.

Таким образом, мой вопрос заключается в том, чтобы избежать того, чтобы div не работал только до тех пор, пока не будет нажата фактическая ссылка на конкретный модальный?

Спасибо.

Answer 1

Используйте $ .get или $ .load в обработчике событий щелчка кнопки, чтобы отобразить модальный.

Обратите внимание, что данные HTML, которые вы загружаете с помощью этого метода ajax, должны быть в правильном шаблоне модального шаблона загрузки.

See this gist here