javascript — Bootstrap 4 Модальный не закрывается при загрузке содержимого через .load ()

Bootstrap 4 Модальный не закрывается при загрузке содержимого через .load ()

У меня есть этот мод Bootstrap 4, который я загружаю содержимое тела извне через .load() . Но он не закрывается, когда я нажимаю на кнопки закрытия. Любая помощь, которую вы можете оказать, будет принята с благодарностью.

Мой код JavaScript:

 if(status){ $('#cartMessage').load("modal.html") $('#cartMessage').modal("show"); } 

Мой HTML-код:

 {amp}lt;div class="modal fade" id="cartMessage" tabindex="-1" role="dialog" aria-labelledby="cartMessageLabel"{amp}gt; {amp}lt;/div{amp}gt; 

Внешний модальный корпус:

 {amp}lt;div class="modal-dialog" role="document"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h5 class="modal-title"{amp}gt;Modal title{amp}lt;/h5{amp}gt; {amp}lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"{amp}gt; {amp}lt;span aria-hidden="true"{amp}gt;{amp}amp;times;{amp}lt;/span{amp}gt; {amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;p{amp}gt;Modal body text goes here.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;button type="button" class="btn btn-primary"{amp}gt;Save changes{amp}lt;/button{amp}gt; {amp}lt;button type="button" class="btn btn-secondary" 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; 

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

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