jQuery 选择器和 DataPager 不能共存！ （ASP.NET）

Question

我正在使用 ASP .NET ListView 和 MS SQL 数据库。我使用 ListView 来显示信息，在列表视图中，有一个超链接，可打开 jQuery 模态对话框中特定记录的编辑窗口。

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">

    <LayoutTemplate>
    <div id="itemPlaceholder" runat="server"> </div>
    </LayoutTemplate>
    <ItemTemplate>
    <!--More Items -->
    <a name="Link" href="EditItem.aspx?id=<%# Eval("articleid")%>">Edit</a> 
    <!--More Items -->     
    </ItemTemplate>

    </asp:ListView>
    </div>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:myConnectionString %>" 
        SelectCommand="SQL-SELECT-STATEMENT">
    </asp:SqlDataSource>

    <div>

jQuery 的工作原理是获取每个名为“Link”的项目的链接并将其与对话框关联起来。

<script type="text/javascript">


    $(document).ready(function() {
    $("a[name=Link]").each(function() {    


            var $link = $(this);
            var $dialog = $('<div></div>')
                .load($link.attr('href'))
                .dialog({
                    autoOpen: false,
                    title: "Edit Article",
                    width: 500,
                    height: 550
                });

            $link.click(function() {
                $dialog.dialog('open');

                return false;
            });
        });
    });
</script>

一切都按其应有的方式进行。以前可以一次性显示所有记录，但随着记录数量的增加，我需要一种分页解决方案。 DataPager 来救援！

<asp:DataPager ID="DataPager1" runat="server" PagedControlID="ListView1" PageSize="5">
    <Fields>
    <asp:NextPreviousPagerField />
    <asp:NumericPagerField />
    </Fields>
</asp:DataPager>

但现在 DataPager 的控件不起作用！我无法后退、前进或单击页码，因为它将在没有对话框的情况下打开 ListView 中第一个数据绑定项的 href（就像普通页面一样）。但是，如果我删除 jQuery 代码，分页将按其应有的方式工作，但我没有得到用于编辑的简洁模态对话框:(

有什么想法为什么这些不能彼此共存吗？提前感谢很多:)

更新：什么不起作用的是它们不能和平共处。如果我删除 jQuery 代码，DataPager 工作正常，但我将丢失用于编辑的模式对话框。如果我放回 jQuery 代码，模式对话框可以正常工作，但 DataPager 却不能:(

Answer 1

我的猜测是链接选择器可能正在选择数据分页器链接。
您可以尝试 $("a[name='Link']").each(.. 注意属性值周围的单引号。

或者，为什么不使用 id 或类选择器。例如：

<a id="editLink" ...

和

   $('a#editLink;).each(...