jQuery .click函数仅对第一个链接不起作用

Question

我的剃刀视图中有简单的foreach循环：

@foreach (var item in Model.materijali) {
    <tr>
        <td>
            @Ajax.ActionLink(item.sifra_materijala,   
                                "DetaljiMaterijala", 
                                "NormativiMaterijala", 

                                new { materijal = item.sifra_materijala.ToString() },
                                new AjaxOptions { HttpMethod = "GET" },
                                new { id = "mylink" })
        </td>
</tr>

还有一个jQuery函数：

<script type="text/javascript">

    $(function () {
        $('#mylink').click(function () {
            $.post(this.href, function (json) {
                var json = $.parseJSON(data.responseText);
                $("#sifra_materijala").val(json.sifra_materijala.val())
                alert(json.sifra_materijala);
            });
            return false;
        });
    });
</script>

这将调用控制器动作，并返回一些需要在局部视图中显示的结果。

当我单击由foreach循环生成的任何href链接时，会定期调用并执行控制器动作，除了第一个动作没有任何反应时...

有人可以帮我弄这个吗？

Answer 1

我从来没有做过任何点网编程，更不用说使用剃刀视图了，但是据我了解， @Ajax.ActionLink生成一个<a>元素和单击链接时进行ajax调用的JavaScript 。

您已经添加了第二个ajax调用，但是仅用于第一个<a>元素。 它仅适用于第一个，因为即使您可能具有id="mylink"几个<a>元素， id值也应该是唯一的。 您提供的处理程序中也有一个错误：它引用data.responseText ，但data未定义。

无需添加您自己的单击处理程序， ajaxOptions为@Ajax.ActionLink调用的ajaxOptions参数提供OnSuccess回调函数。 并摆脱new { id = "mylink" }参数。