带参数的 Jquery Mvc-3 函数

Question

我有这个页面

<script type="text/javascript">
$(document).ready(function () {
    $("#delete").click(function () {
        if (confirm) {
            $("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/")');
        }
        else {
            return false;
        }
    });
}); 
</script>
<table>
<tr>
    <td>Description</td>
    <td>Schedule</td>
    <td>&nbsp;</td>
</tr>
@foreach (var item in Model)
{
    <tr>
        <td>@item.Description</td>
        <td>@item.Schedule</td>
        <td><a href="@Url.Action("ScheduleEdit", new { @id = item.Id })" class="popLink"><img alt="" src="@Url.Content("~/Content/images/icons/edit.gif")" style="border:none;" /></a>
            <img alt="" src="@Url.Content("~/Content/images/icons/delete.gif")" style="border:none;" id="delete" /></td>
    </tr>
}
</table>

Jquery 函数由 id="delete" 的元素触发，例如 img 标签。

有人可以帮助我吗，我需要这个 Jquery 函数来使用 onclick 传递参数，例如

$(document).ready(function () {
    $("#delete").click(function (id) {
        if (confirm) {
            $("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/" + id)');
        }
        else {
            return false;
        }
    });
}); 

<img alt="" src="@Url.Content("~/Content/images/icons/delete.gif")" style="border:none;" onclick="delete(@item.Id)" />

我在 jquery 上添加了 id 作为参数。我尝试过，但总是出现编译错误“id 不在上下文中”。

有人可以帮忙吗？非常感谢。

Answer 1

我认为您需要将其更改

$("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/" + id)');

为：

$("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/")' + id);

并且您不能使用 id="delete" 拥有多个元素。您应该使用 className 将元素“分组”在一起。 ID 应该是您的服务器的唯一标识符。所以我的想法是为所有删除按钮提供“删除”类，并将单击处理程序附加到该类的所有元素。使用 DOM 对象属性访问可以轻松提取被单击元素的 ID。

在代码中：

<img alt="" src="@Url.Content("~/Content/images/icons/delete.gif")" style="border:none;" class="delete" id="@item.Id" />

$(document).ready(function () {
    $(".delete").click(function() {

        // get ID of clicked image
        var id = this.id
        if (confirm) {

            // concatenate ID to URL
            $("#divSchedules").load('@Url.Content("~/Export/ScheduleDelete/")' + id);
        }
        else {
            return false;
        }
    });
}); 

请记住，ID 不应以数字开头，因此您可能需要也可能不需要使用前缀（我不知道您的 ID 是什么样的）。