AJAX 按钮不触发 asp.net

Question

我正在使用 AJAX 搜索产品，但我有带有 click 功能的产品的分页代码，但在结果返回后，ShopAjaxSearch.aspx 内的点击功能没有触发。

ShopAjax.aspx：

<div id="demo-2">
    <input type="search" placeholder="Search" onchange="this.value='';" id="txtBrand">
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#txtBrand').keyup(function() {

            var param = {
                "str": $(this).val()
            };
            $.ajax({
                url: "ShopAjaxSearch.aspx",
                data: param,
                success: function(data) {
                    $('#result').html(data);

                },
                error: function() {
                    alert('Error');
                }
            });
        });
    });
</script>

<div id="result">

</div>

ShopAjaxSearch：

<div class="pagging">
    <asp:DataList ID="dlPaging" runat="server" RepeatDirection="Horizontal" OnItemCommand="dlPaging_ItemCommand" OnItemDataBound="dlPaging_ItemDataBound" CssClass="pagenumON">
        <ItemTemplate>

            <asp:LinkButton ID="lnkbtnPaging" runat="server" CommandArgument='<%#Eval("PageIndex") %>' CommandName="Paging" Text='<%# Eval("PageText") %>' CssClass="pagenum"></asp:LinkButton>&nbsp;
        </ItemTemplate>
    </asp:DataList>

    <asp:Label id="lblPageInfo" runat="server" ForeColor="Red"> </asp:Label>
    <asp:LinkButton ID="lbtnPrevious" runat="server" CausesValidation="false" OnClick="lbtnPrevious_Click" CssClass="button prev">Previous</asp:LinkButton>
    <asp:LinkButton ID="lbtnNext" runat="server" CausesValidation="false" OnClick="lbtnNext_Click" CssClass="button next">Next</asp:LinkButton>

    <asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="false" OnClick="lbtnFirst_Click" CssClass="button prev">First</asp:LinkButton>
    <asp:LinkButton ID="lbtnLast" runat="server" CausesValidation="false" OnClick="lbtnLast_Click" CssClass="button next">Last</asp:LinkButton>

</div>

链接按钮Next,Previous,First,Last在ShopAjax.aspx

中没有触发

请帮忙谢谢！！

Answer 1

假设搜索页面上的分页按钮调用一个回发给自身（ShopAjaxSearch）并在服务器端处理分页。但如果它完全回发，它实际上会发布到 ShopAjax 页面，并且目标事件将不存在。

在您的场景中，最简单的解决方案可能只是一个 asp 更新面板，以便您可以利用已经内置到某些 WebForm 控件中的分页