您的位置：首页 > Web前端 > JavaScript

updatePanel导致JS失效的解决办法

2015-02-12 15:22 281 查看
出处：不记得了，致歉作者

今天给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()中，在分页绑定数据后，重新注册一下即可。

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

Over~

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航