在特定 updatePanel 触发后运行 JQuery

Question

我有一个脚本在更新面板触发后运行： Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); 功能 EndRequestHandler（发件人，参数）{ initDropSearch(); } 函数 initDropSearch() {

    var search = jQuery("#searchBar div.productSearchFilter");

    if (search.length > 0) {

        var grid = search.find("table.gridView");

        if (search.next().val() != "open") {

            search.animate({
                height: ['toggle', 'easeOutBounce'],
                opacity: 'toggle'
            }, 1000)

            .next().val("open");

        } else {

            search.show();

        }
    }
}

加载搜索结果后，容器会下降并弹起。

它可以完美运行 - 直到在同一页面上触发另一个更新面板 - 在这种情况下，搜索面板会再次打开。

我需要做的只是在特定的 updatePanel 触发时运行脚本。

有没有办法做到这一点？

Answer 1

sender 或 args 是否包含有关触发 EndRequestHandler 的 UpdatePanel 的数据？

如果是这样，只需检查是哪一个触发了它，然后仅根据它触发您的代码。

function EndRequestHandler(sender, args) {
    if (((UpdatePanel)sender).ID == "UpdatePanel1") {
        initDropSearch(); 
    }
}