关于ajax刷新后破坏瀑布流式布局jquery+masonry的一点想法
来源:互联网 发布:子公司财务管理知乎 编辑:程序博客网 时间:2024/05/17 12:01
做了一个图片的分享网站,里面用到了图片的瀑布流式布局jquery+masonry,为了实现局部刷新,用了ajax,问题来了,局部刷新之后图片的瀑布流式布局被破坏了。于是在论坛上发了帖子求救http://bbs.csdn.net/topics/390281730?page=1#post-392925497,照片我就不贴了,大概用了这么几个脚本
<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版主
- 关于ajax刷新后破坏瀑布流式布局jquery+masonry的一点想法
- Masonry + Ajax 实现无限刷新瀑布流
- jquery.masonry瀑布流
- jQuery瀑布流插件 Masonry
- Masonry瀑布流式布局库(中文翻译)
- jquery.masonry瀑布流插件的4个使用步骤
- jQuery带图片过滤功能的Masonry瀑布流插件
- jquery.masonry瀑布流插件的4个使用步骤
- 关于申请国外博后的一点经验和想法
- bootstrap配合Masonry插件实现瀑布式布局
- 关于.net的一点想法
- 关于黄家驹的一点想法
- 关于UML的一点想法
- 关于Wiki 的一点想法
- 关于 EPO 的一点想法
- 关于屏蔽的一点想法
- 关于J2SE的一点想法
- 关于离开的一点想法
- c#ADO DataSet和DataTable详解
- 使用C#选择文件夹、打开文件夹、选择文件
- Quick start for Microsoft MVC3 with Razor View Engine
- 关于Java当中的接口的总结,一点点心得
- 一个div表格,希望自己修改一番
- 关于ajax刷新后破坏瀑布流式布局jquery+masonry的一点想法
- 求组合数
- ViewPager禁止滑动翻页
- xml和json区别总结
- 文件操作
- poj 2481 树状数组
- IOS通过OTA部署App
- Linux Force telnet / ssh to use crtl-H for backspace
- apn管理