bootstrap modal neu erstellen ohne neu zu laden

Question

Der Inhalt des modalen Fensters wird beim Laden der Seite generiert. Kann ich den Inhalt dieses modalen Fensters mit JS neu generieren, ohne die Seite neu zu laden?

Mein modalen Fenster:

<div class="modal-team-NtSubstitutePlayers modal fade" tabindex="-1" role="dialog"> 
      <div class="modal-dialog modal-lg" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
        </div> 
        <div class="modal-body"> 
         <div class="list-of-players text-center"> 
          <div class="list"> 
           @foreach($team->players as $player) 
            @if ($player->ntsubstitute && !$player->ntskipnextmatch) 
             <a class="player_choose" id="player_id_substitute_{{$player->id}}"> 
              <div class="player"> 
               .... 
              </div> 
             </a> 
            @endif 
           @endforeach 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

Answer 1

HTML eine ID zum modalen hinzufügen.

<div id="myModal" class="modal-team-NtSubstitutePlayers modal fade" tabindex="-1" role="dialog"> 
      <div class="modal-dialog modal-lg" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
        </div> 
        <div class="modal-body"> 
         <div class="list-of-players text-center"> 
          <div class="list"> 
           @foreach($team->players as $player) 
            @if ($player->ntsubstitute && !$player->ntskipnextmatch) 
             <a class="player_choose" id="player_id_substitute_{{$player->id}}"> 
              <div class="player"> 
               .... 
              </div> 
             </a> 
            @endif 
           @endforeach 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

JavaScript

//Show the modal 
$("#myModal").modal("show"); 

//Reload the modal content 
var modalHtml = $("#myModal").html(); 
$("#myModal").html(""); 
$("#myModal").html(modalHtml); 

//Hide the modal 
$("#myModal").modal("hide");