updatePanel导致JS失效的解决办法

浏览数：172 / 时间：2015年06月09日

吐槽下，维护别人之前做的项目好蛋疼，整个页面都是用微软的ajax框架。

 

今天给repeater用JS写一个hover事件

<script type="text/javascript">
        $(function(){
            $(‘.trhead‘).click(function(){
                $(this).next(‘.trcontent‘).find(‘.divcontent‘).slideToggle(‘fast‘);
            });
            $(‘.trhead‘).hover(function(){$(this).css("background",‘rgb(215,215,215)‘);},
                function(){$(this).css("background",‘#fff‘);}
            );
        })
      
    </script>

结果 repeater翻到第二页后，效果失效了，也就是JS没了。

这个时候，就在

    protected void AspNetPager3_PageChanged(object sender, EventArgs e)
    {
        BindData();
        //绑定数据后重新注册一下JS事件
        ScriptManager.RegisterClientScriptBlock(up1, GetType(), "aa", "aa()", true);
    }

而这个aa()函数呢，当然啦，就是:

    <script type="text/javascript">

        function aa()
        {
            $(‘.trhead‘).click(function(){
                $(this).next(‘.trcontent‘).find(‘.divcontent‘).slideToggle(‘fast‘);
            });
            $(‘.trhead‘).hover(function(){$(this).css("background",‘rgb(215,215,215)‘);},
                function(){$(this).css("background",‘#fff‘);}
            );
        }
    </script>

也就是把onload要执行的JS，放到一个方法aa()中，在分页绑定数据后，重新注册一下即可。

同理，当别的控件回传后，也需要重新注册下即可。

 

updatePanel导致JS失效的解决办法（转载）,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class 代码 java src at 数据 class 代码 java src at 数据

相关文章

随机文章

您可能还喜欢

您可能还喜欢