关于ajax刷新后破坏瀑布流式布局jquery+masonry的一点想法
2012-11-16 12:12
141 查看
做了一个图片的分享网站,里面用到了图片的瀑布流式布局jquery+masonry,为了实现局部刷新,用了ajax,问题来了,局部刷新之后图片的瀑布流式布局被破坏了。于是在论坛上发了帖子求救http://bbs.csdn.net/topics/390281730?page=1#post-392925497,照片我就不贴了,大概用了这么几个脚本
脚本注释掉,发现正好是布局被破坏掉的样子,于是猜想,可能是这个脚本没有加载,问题来了,怎么加载?方案有两种:1.在ajax加载完毕后再加载一次这个脚本(showbo提供,再次感谢)。可惜ajax都是自学,没有到那个层次,作罢
2,。是不是可以在后台控件的事件中进行脚本的加载?触发局部更新的是个Imagebutton按钮,于是这么写
(实现将第三个脚本的内容装进函数function Handler()中)利用scriptmanager来管理页面的脚本,再次运行网站,成功。再次感谢showbo版主
<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var $container = $('#container'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.box', columnWidth: 5 //每两列之间的间隙为5像素 }); }); }); </script>帖子上showbo版主告诉我问题出在什么地方:ajax刷新后没有再重新加载脚本,非常感谢,于是各种百度,当然了,还是失败了,于是试着把第三个
脚本注释掉,发现正好是布局被破坏掉的样子,于是猜想,可能是这个脚本没有加载,问题来了,怎么加载?方案有两种:1.在ajax加载完毕后再加载一次这个脚本(showbo提供,再次感谢)。可惜ajax都是自学,没有到那个层次,作罢
2,。是不是可以在后台控件的事件中进行脚本的加载?触发局部更新的是个Imagebutton按钮,于是这么写
ScriptManager.RegisterStartupScript(UpdatePanel1, ClientScript.GetType(), "myscript", "<script>Handler();</script>", false);
(实现将第三个脚本的内容装进函数function Handler()中)利用scriptmanager来管理页面的脚本,再次运行网站,成功。再次感谢showbo版主
相关文章推荐
- 关于jquery的ajax的一点小发现
- 关于解决jquery用get实现ajax在ie里面刷新不进入后台的问题
- 关于执行ajax后页面局部刷新,无法执行jQuery问题
- 关于REST的一点想法
- 关于jQuery中$.ajax(),$.get(),$.post()
- 关于Jquery中ajax方法data参数用法的总结
- jQuery+Ajax实现无刷新分页
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- jQuery实现AJAX定时刷新局部页面实例
- ajax pagination 布局刷新
- 无刷新删除 Ajax,JQuery
- jQuery+Ajax实现无刷新分页
- 关于 while(1)和for(;;)效率问题的一点想法
- 关于Ajaxpro的一点补充
- 关于ajax的一点疑问
- 关于jquery dialog +ifram,并要局部刷新的总结
- 关于Jquery中ajax方法data参数用法的总结
- 关于遥感图像的控制点片匹配算法的一点想法(一)
- jquery用get实现ajax在ie里面刷新不进入后台解决方法
- 关于团队的一点想法