如何在ajax刷新后保持jquery选择器的活动状态

Question

我需要解决以下问题。

我正在使用 jquery 奇数选择器将 css 添加到 asp:repeater 中的每个奇数项。

$(".item:odd").attr("class", "item odd");

在我执行 ajax 调用（从 updatepanel）转到中继器中的下一页后，类不会添加到下一页上的项目中。

$(document).ajaxComplete 似乎没有解决问题。

有什么想法吗？

非常感谢，

阿努德

Answer 1

只需

$(".item:odd").attr("class", "item odd");

在 ajax 请求的成功回调中添加

Answer 2

一种可能的解决方案是在页面中添加：

<script type="text/javascript">
    window.onload = function() {
      Sys.WebForms.PageRequestManager.getInstance().add_endRequest(endRequestHandler);
    }

    function endRequestHandler(sender, args) {
        $(".item:odd").attr("class", "item odd");
    }
</script>

endRequestHandler 的内容将在每个 AJAX 请求之后运行。

您可能还需要向页面添加 ScriptManager：

<asp:ScriptManager ID="ScriptManager1" runat="server">