UpdatePanel后台异步更新导致前台JS无效

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


        $(document).ready(function () {
            reload();
            CheckJs();
        });


        function CheckJs() {
            $(function () {

                $(".SH01").click(function () {
                    $(".HIDE01").toggle();
                    //$(".HIDE01").hide();
                    //alert("aaa");
                });
                $(".SH02").click(function () {
                    $(".HIDE02").toggle();
                });
                $(".SH03").click(function () {
                    $(".HIDE03").toggle();
                });
                $(".SH04").click(function () {
                    $(".HIDE04").toggle();
                });
                $(".SH05").click(function () {
                    $(".HIDE05").toggle();
                });

            });
        }  
</script>

 

方法二后台直接调用

ScriptManager.RegisterStartupScript(UpdatePanel1,UpdatePanel1.GetType(),"xxx", "CheckJs('" + model.MY002 + "','" + model.MY002 + "');", true);

注意js字符串不要加<script></script>

posted @ 2019-10-25 13:05  水龙  阅读(192)  评论(0编辑  收藏  举报