将 ID 传递到引导模式中

Pass ID into Bootstrap Modal?

本文关键字:模式 ID      更新时间:2023-09-26

如何将ID从<button>传递到Bootstrap Modal。所以我可以使用 ID 从 ajax 获取信息以显示在模态中。

例如:

按钮:

<button id="123" type="button" class="btn btn-sm" data-toggle="modal" data-target="#Testing">Edit</button>

我应该使用shown.bs.modal执行此操作吗?

$("#Testing").on('shown.bs.modal', function () { 
  // How to get ID? id="??"
  //Ajax
});
您可以使用

传递给show.bs.modal处理程序event对象。

$('#Testing').on('show.bs.modal', function (event) {
    var id = $(event.relatedTarget).attr('id');
});

event.relatedTarget是指触发模式打开事件的按钮。

引导文档