2016-07-27 3 views
1

私はこのテーブルを持っています。ユーザーが行をクリックすると、その行に関するいくつかの情報を含むモーダルが開きます。 このModalの内容はプロジェクト内の別のHTMLファイル上にあるので、私はそれを達成する方法を知らない。これまでのところJavascript経由で別のHTMLを読み込むBootstrap Modalを呼び出します。

、私は行ごとにこれを行うことができます。

<tr data-toggle="modal" href="../clients/edit.html" data-id="10238" data-target=".clientEditModal"> 
    <td>10238</td> 
    <td>[email protected]</td> 
    <td>14.10.2013</td> 
</tr> 

私はJavascriptを介して、このような何かをしたいと思います:

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

HTMLファイルを指定する方法がありますJavascript modal('show')を使用してモデルとしてロードするには?

+0

、リンクされた答えは、もはや有益ではありません。 – CXJ

答えて

2

リモートURLを使用する機能は、最新のバージョンのブートストラップでは廃止されました。でmarcovtwoutの答えを超える参照してください。完全なコンテキストのため

// 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")); 
}); 

の線に沿って何かを試してみてください:ブートストラップ3.3アップデートおよび非推奨とLoad content with ajax in bootstrap modal

+0

ありがとう! – ThalesMiguel

関連する問題