Aufruf Bootstrap Modal, das ein anderes HTML über Javascript lädt

Question

Ich habe diese Tabelle wo, wenn ein Benutzer auf eine Zeile klickt, sollte ein Modal mit einigen Informationen über diese Zeile öffnen. Da der Inhalt dieses Modal auf einer anderen HTML-Datei in meinem Projekt liegt, weiß ich nicht, wie ich es erreichen soll.

Bisher kann ich dies tun für jede Zeile:

<tr data-toggle="modal" href="../clients/edit.html" data-id="10238" data-target=".clientEditModal"> 
    <td>10238</td> 
    <td>eduardo@pingpong.com</td> 
    <td>14.10.2013</td> 
</tr> 

Ich möchte so etwas wie dies via Javascript tun:

$(".table-clickable").find("tr").dblclick(function(){ 
    $('.clientEditModal').modal('show'); 
}); 

Gibt es eine Möglichkeit, um eine HTML-Datei angeben mit Javascript als Modell laden modal('show')?

Answer 1

Die Möglichkeit, Remote-URLs zu verwenden, wurde in den neuesten Versionen von Bootstrap nicht mehr unterstützt. Versuchen Sie, etwas entlang der Linien von

// Fill modal with content from link href 
$("#myModal").on("show.bs.modal", function(e) { 
    var link = $(e.relatedTarget); 
    $(this).find(".modal-body").load(link.attr("href")); 
}); 

für vollständigen Kontext siehe marcovtwout Antwort über an: Load content with ajax in bootstrap modal