jQuery 超链接点击问题

Question

在两种不同的视图中，我有以下两段代码。

第一

<table class="table-list">
   <tr class="gridrow">
      <td>David Gilmour</td>
      <td style="width:16px">
         <a href="#" rel="/xyz/Contact/Edit/26965" class="editContactLink" title="Modifica">
            <img alt="" src="/xyz/_assets/images/edit.png">
         </a>
      </td>
   </tr>
   <tr class="gridrow">
      <td>Paco De Lucia</td>
      <td style="width:16px">
         <a href="#" rel="/xyz/Contact/Edit/26966" class="editContactLink" title="Modifica">
            <img alt="" src="/xyz/_assets/images/edit.png">
         </a>
      </td>
   </tr>
</table>

第二

<div>
    <a href="#" rel="/xyz/Contact/Edit/26965" class="editContactLink" title="Modifica">David Gilmour</a>
</div>
<div>
    <a href="#" rel="/xyz/Contact/Edit/26966" class="editContactLink" title="Modifica">Paco De Lucia</a>
</div>

在这两种情况下，我都使用以下 jQuery 片段

$("a.editContactLink").click(function (event) {
    event.preventDefault();
    //use $(this).attr("rel") to go to the edit page of the related contact element
});

在第一种情况下，我只有一个对服务器的 ajax 调用，而在第二种情况下，我有两个 ajax 调用两者都去同一个地址

我哪里错了？

Answer 1

确保您的代码在这里：

$("a.editContactLink").click(function (event) {
    event.preventDefault();
    //...
});

没有运行两次，无论是在另一个事件中，还是在开始时包含两次，等等。例如，如果它是由 AJAX 加载的，请更改 $("a.editContactLink")< /code> 到 $("a.editContactLink", data) （data 是响应），或使用 .live() 或 .delegate() 处理程序，例如：

$("#container").delegate("a.editContactLink", "click", function(event) {
    event.preventDefault();
    //...
});

Answer 2

这完全是一个黑客/创可贴，但它会让你工作。我毫无疑问地确信你绑定了两次，正如尼克所假设的那样。

$("a.editContactLink").unbind('click').click(function (event) {
    event.preventDefault();
    //use $(this).attr("rel") to go to t...
});

Answer 3

这个答案在这里只是为了报告错误场景...

我有一个返回地址列表的控制器

[HttpGet]
public virtual ActionResult GetAddressBookEntries( int? page ) {
    IEnumerable<AddressBook> list = _manager.GetList();
    return PartialView( "AddressBookList", list );
}

在AddressBookList部分视图中我只是有这样的代码

<% foreach (var item in Model) { %>
    <% Html.RenderPartial( "AddressBook", item ); %>
<% } %>

最后在AddressBook部分视图中我有

<div class="ui-widget-header ui-corner-top" style="height:20px; padding:4px 6px;">
    <a href="#" rel='<%: Url.Content( "~/Contact/Edit/" ) + Model.ContactID %>' class="editContactLink" title="Modifica">
        <%: Model.FullName %>
    </a>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("a.editContactLink").click(function (event) {
            event.preventDefault();
            //use $(this).attr("rel") to go to t...
        });
    });
</script>

这就是多个的原因绑定。我将

我想我今天很累......