我在部分视图中有一个列表页面。对于每个列表，我都有一个编辑和删除链接来打开一个 jQuery 对话框来编辑/删除数据。但是，该对话框仅在第一个项目上打开，而不适用于列表的其余部分。
我正在做的事情中缺少什么？
部分查看列表
>foreach (var item in Model) {
> <tr>
> <td>
> @Html.DisplayFor(modelItem => item.ReportName)
> </td>
> <td>
> @Html.DisplayFor(modelItem => item.Note)
> </td>
> <td class="icon"><a id="editReportLink" href="#" title="Edit note"><img src="~/Content/_images/icon_edit.png" /></a></td>
> <td class="icon"><a id="deleteReportLink" href="#" title="Delete thread"><img src="~/Content/_images/icon_delete.png" /></a></td>
> </tr>
>}
jQuery 函数
$("#delete-button").dialog({
autoOpen: false,
height: "auto",
width: "auto",
modal: true,
resizable: false,
});
$("#deleteReportLink").click(function () {
alert("test");
$("#delete-button").dialog("open");
});