Question

我有这个表，当用户点击一行时，应该打开一个模式，其中包含有关该行的一些信息。由于此Modal的内容位于我项目中的另一个HTML文件中，因此我不知道如何完成它。

到目前为止，我可以为每一行执行此操作：

<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>

我想通过Javascript做这样的事情：

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

有没有办法使用Javascript modal('show')指定要作为模型加载的HTML文件？

Answer 1

在最新版本的bootstrap中已弃用了使用远程URL的功能。尝试一下

的内容

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

完整背景请参阅marcovtwout的回答：Load content with ajax in bootstrap modal

调用Bootstrap Modal，通过Javascript加载另一个HTML

1 个答案: