Загрузка загрузочного модального содержимого только после нажатия

Question

Я использую Bootstrap 3, и у меня загруженная страница. Модальный контент загружается страницей, независимо от того, нажал ли пользователь кнопку, чтобы открыть модальную или нет. Я хочу сохранить ресурсы, потому что этот модальный контент действительно большой и занят, и моя цель - загрузить определенный контент Bootstrap Modal только после нажатия кнопки, чтобы открыть этот модальный.

Как я могу это сделать?

Заранее спасибо.

Answer 1

взглянуть на документ

http://getbootstrap.com/javascript/#modals

существует «удаленный» вариант, вы можете использовать для этого (обратите внимание, что «Эта опция осуждается так v3.3.0 и будут удалены in v4. ")

Как и было предложено, вы можете использовать jQuery.load.

Переместите свой контент (модальный контент) в отдельный файл и загрузите контент в модальном режиме, только когда пользователь нажмет на эту кнопку.

рабочий процесс будет что-то вроде

button.click function { 

open modal 

load content 

put content in modal body 

}