Содержания с удаленной страницы загрузчик Modal

Question

Okay так что моя проблема в том, что, когда я делаю следующее:

<a href="playerdetails.php?player=99VY9JR8" class="btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal">Launch Demo Modal</a> 

<!-- Modal HTML --> 
<div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <!-- Content will be loaded here from "remote.php" file --> 
     </div> 
    </div> 
</div> 

Это печатает playerdetails.php эхо, но по какой-то причине она удаляет мое управление начальной загрузки. Может кто-нибудь сказать мне, почему он это делает и как это исправить? Я уже пробовал получать шаблон модального шаблона загрузки, но все же он показывает эхо-сигналы playerdetails.php, но он удаляет все мои элементы управления для модального.

управления Я ищу является этим:

Answer 1

Для этих элементов управления для работы необходимо предоставить разметку для них, загрузчик не добавляет их модальности автоматически. Если вы можете изменить вывод playerdetails.php, просто добавьте разметку там ... например.

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title">Modal title</h4> 
</div> 

Однако Bootstrap имеет осуждал удаленный вариант начиная с v3.3.0 и удалить его ALLtogether в Bootstrap 4. Вместо этого они рекомендуют вместо использования на стороне клиента, шаблонов или связывающую структуру данных, или позвонив по телефону jQuery.load себя

Если вы звоните jQuery.load себя, вы можете сделать что-то вроде этого:

<!-- Modal HTML --> 
<div id="myModal" class="modal fade"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       <!-- load contents here --> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save changes</button> 
      </div> 
     </div> 
    </div> 
</div> 

определить свои кнопки

<button class="btn btn-lg btn-primary btn-open-dialog">Launch Demo Modal</button> 

и связать щелчок событие Jquery к нему, чтобы загрузить проигрыватель

$('.btn-open-dialog').on('click', function(){ 
    $('#myModal .modal-body').load('playerdetails.php?player=99VY9JR8', function(){ 
     /* load finished, show dialog */ 
     $('#myModal').modal('show') 
    }); 
});