[asp.net]更新面板移除 Jquery 样式

标签: Asp.net jQuery-UI
发布时间: 2016/7/19 20:31:35
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我用下面的 JQuery UI 代码与 asp.net 控件。

<script type="text/javascript">

        $(document).ready(function () {

            $(".Accordion").accordion({
                heightStyle: "content"
            });

            $(".special").button();

            $(".radio").buttonset();

            //$(".tabs").tabs();
            $(".tabs").tabs();

        });

    </script>

和代码工作正常,直到我决定把所有我的控件在更新面板。在回发,从控件中移除所有样式。 问题是什么?

解决方法 1:

您应该修改您的脚本,因为 $(document).ready() 不能与更新面板︰

function InitCss() {

        $(".Accordion").accordion({
            heightStyle: "content"
        });

        $(".special").button();

        $(".radio").buttonset();

        //$(".tabs").tabs();
        $(".tabs").tabs();

    }

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitCss);

从后台代码相同︰

protected void Page_Load(object sender, EventArgs e)
    {
 if (!this.Page.ClientScript.IsStartupScriptRegistered("InitCss"))
        {
            string script = @"function InitCss() {

        $("".Accordion"").accordion({
            heightStyle: ""content""
        });

        $("".special"").button();

        $("".radio"").buttonset();

        //$("".tabs"").tabs();
        $("".tabs"").tabs();

    }

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(InitCss);";
            ScriptManager.RegisterStartupScript(Page, Page.GetType(), "InitCss", script, true);
        }
}
赞助商