Загрузка содержимого для Bootstrap 4 Modal извне с использованием JavaScript / jQuery

Загрузка содержимого для Bootstrap 4 Modal извне с использованием JavaScript / jQuery

Я начинающий программировать, и у меня есть проект, который использует модальный Bootstrap 4. В настоящее время контент находится внутри HTML-страницы, и я хочу, чтобы контент генерировался из внешнего HTML-файла. Это возможно?

Чтобы пояснить это далее, я хочу поместить HTML-код модальной моды в отдельный HTML-файл и загружать модальное содержимое оттуда с помощью jQuery / JavaScript, когда это необходимо, вместо того, чтобы помещать его в мои индексные файлы.

В настоящее время я использую этот код, чтобы сделать модальный.

  if(status){ $('#mMessage').modal() } 

и HTML

 {amp}lt;div class="modal fade" id="mMessage" tabindex="-1" role="dialog" aria-labelledby="mMessageLabel"{amp}gt; {amp}lt;div class="modal-dialog modal-dialog-centered" role="document"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h4 class="modal-title" id="mMessageLabel"{amp}gt;Requirements Not Met{amp}lt;/h4{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="modal-body"{amp}gt;Please select atleast one.{amp}lt;/div{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;button type="button" class="btn btn-primary" data-dismiss="modal"{amp}gt;Close{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Любая помощь, которую вы можете оказать, будет принята с благодарностью. Благодарю.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector