Asp.net 更新面板删除Jquery样式

我在asp.net控件中使用以下JQuery UI代码

<script type="text/javascript">

        $(document).ready(function () {

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

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

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

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

        });

    </script>

$（文档）.ready（函数（）{
$（“手风琴”）。手风琴({
高度样式：“内容”
});
$（“.special”）.button（）；
$（“.radio”）.buttonset（）；
//$（“.tabs”）.tabs（）；
$（“.tabs”）.tabs（）；
});

在我决定将所有控件放在更新面板中之前，代码运行良好。在回发时，将从控件中删除所有样式。

---

有什么问题吗？

您应该修改脚本，因为$（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);
        }
}

---

您应该修改脚本，因为$（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);
        }
}

---

您的初始化将仅在文档就绪时运行（不在回发时）。由于将控件放在UpdatePanel中，因此回发后任何内容都将更新。您也应该在回发后调用初始化。将此代码添加到现有脚本旁边：

<script type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function(s, e) {
  $(".Accordion").accordion({
                heightStyle: "content"
            });

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

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

            //$(".tabs").tabs();
            $(".tabs").tabs();
}); 
</scipt>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.add_endRequest（函数s，e）{
$（“手风琴”）。手风琴({
高度样式：“内容”
});
$（“.special”）.button（）；
$（“.radio”）.buttonset（）；
//$（“.tabs”）.tabs（）；
$（“.tabs”）.tabs（）；
}); 

您的初始化将仅在文档准备就绪时运行（不在回发时运行）。由于将控件放在UpdatePanel中，因此回发后任何内容都将更新。您也应该在回发后调用初始化。将此代码添加到现有脚本旁边：

<script type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function(s, e) {
  $(".Accordion").accordion({
                heightStyle: "content"
            });

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

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

            //$(".tabs").tabs();
            $(".tabs").tabs();
}); 
</scipt>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.add_endRequest（函数s，e）{
$（“手风琴”）。手风琴({
高度样式：“内容”
});
$（“.special”）.button（）；
$（“.radio”）.buttonset（）；
//$（“.tabs”）.tabs（）；
$（“.tabs”）.tabs（）；
}); 

我已尝试了您的代码，但仍然无法使用。当页面首次加载时，它会显示一条错误消息“error:'Sys'未定义”。是的，如果在页面未完全加载之前，Sys对象未出现在页面上，则会发生这种情况。您可以在js fileSys.WebForms.PageRequestManager外部取出javascriptcode。getInstance（）仅适用于部分回发。Sys.WebForms.PageRequestManager.getInstance（）.add_pageLoaded（InitCss）可以部分和完全回发。它保证您的组件将被初始化Hanks man.现在它工作正常，除了Sys对象，即使我将代码放在外部JS文件中，它仍然出现在我面前..而且这只发生在IE上..FF和chrome工作正常，没有系统错误我删除了

Sys.WebForms.PageRequestManager.getInstance（）.添加_pageLoaded（InitCss）;从我的代码，现在它是完美的..谢谢你的家伙我已经尝试了你的代码，但仍然没有工作。当页面首次加载时，它会显示一条错误消息“error:'Sys'未定义”。是的，如果在页面未完全加载之前，Sys对象未出现在页面上，则会发生这种情况。您可以在js fileSys.WebForms.PageRequestManager外部取出javascriptcode。getInstance（）仅适用于部分回发。Sys.WebForms.PageRequestManager.getInstance（）.add_pageLoaded（InitCss）可以部分和完全回发。它保证您的组件将被初始化Hanks man.现在它工作正常，除了Sys对象，即使我将代码放在外部JS文件中，它仍然出现在我面前..而且这只发生在IE上..FF和chrome工作正常，没有系统错误我删除了
Sys.WebForms.PageRequestManager.getInstance（）.添加_pageLoaded（InitCss）;从我的代码，现在它是完美的..谢谢大家