<a>上的jQuery click事件触发两次

Question

我有一个被调用两次的点击事件,我无法弄清楚原因.

剃刀/ HTML:

<li class="active">
    <a href="#" class="listitem">@Model[i].Name</a>
    <span style="display:none" class="id">@Model[i].ID</span>
</li>

^这是for包含多个列表项的循环内部.

JQuery的:

$(".listitem").on("click", function () {
    var id = $(this).siblings("span").html();
    $.ajax({
        url: '@Url.Action("SelectItem", "Home")',
        type: "POST",
        data: $("#form").serialize() + "&id=" + id,
        success: function (result) {
            $('#partialView').html(result);
        }
    });
});

^处理列表项的单击.

对我的控制器的Ajax调用刷新部分视图.我js包含在局部视图中并刷新但我不明白为什么它会导致此事件被调用两次(通常id是undefined第二次).也许我只是犯了一个我没有看到的简单错误？

我知道有很多关于点击事件被调用两次的问题,但我认为我的情况可能有所不同以保证一个问题.我也没有看到很多很棒的答案.

Answer 1

我想你可能会在函数结束时错过返回false.没有它的浏览器也将在一个点击.