脚本未在 Ajax 回发上执行

Question

我正在开发一个显示一些图块的网站。瓷砖的高度可能会因插入的图像和文本而异。为了确保所有的瓷砖都达到相同的高度，我在 head 中编写了以下脚本：

function BindEvents()
{
    $(window).load(function () 
    {
        var maxHeight = Math.max.apply(null, $(".producttile").map(function () {
            return $(this).height();
        }).get());

        $('.producttile').height(maxHeight);

        maxHeight = Math.max.apply(null, $(".clistdiv").map(function () {
            return $(this).height();
        }).get());

        $('.clistdiv').height(maxHeight);
    });
}

以上脚本已绑定到datalist，如下：

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <hr width="100%" noshade/>
        <script type="text/javascript">
            Sys.Application.add_load(BindEvents);
        </script>
        <asp:DataList 
                ID="DataList1"
                runat="server"
                onitemcommand="DataList1_ItemCommand1"
                class="itemsdatalist"
                RepeatDirection="Horizontal"
                RepeatLayout="Flow"
                onload="DataList1_Load">
            <ItemTemplate>
                ...........rest of the code

现在，首次加载页面时，这种绑定和磁贴自动调整大小可以正常工作。一个按钮会触发一个 ajax 调用并引入更多图块并重新更新此更新面板。这就是问题所在。

BindEvents() 没有被再次调用，因此瓷砖大小不同，它们不会再次自动调整。

我也尝试将脚本保留在更新面板内容模板中，希望它能够正常工作，但难怪，它根本没有工作。

请帮忙。

Answer 1

最后我解决了这个问题。这是为您提供帮助的解决方案。 我刚刚在页面加载时编写了以下代码，并且效果很好。

protected void Page_Load(object sender, EventArgs e)
{
    if (((ScriptManager)this.Master.FindControl("ScriptManager1")).IsInAsyncPostBack)
    {
        StringBuilder sb = new StringBuilder();
        sb.Append("<script language='javascript' type='text/javascript'>");
        sb.Append("Sys.Application.add_load(func);");
        sb.Append("function func() {");
        sb.Append("Sys.Application.remove_load(func);");
        sb.Append("var maxHeight = Math.max.apply(null, $('.producttile').map(function () { return $(this).height(); }).get()); $('.producttile').height(maxHeight);");
        sb.Append("maxHeight = Math.max.apply(null, $('.clistdiv').map(function () { return $(this).height(); }).get()); $('.clistdiv').height(maxHeight);");
        sb.Append("}");
        sb.Append("</script>");
        ScriptManager.RegisterStartupScript(this, GetType(), "script", sb.ToString(), false);
    }
}

感谢以下帮助我实施此解决方案的文章： The solution link.

请告诉我这种方法是否存在安全/性能漏洞？