<br> var pageindex = 1;<br> var pagesize = 30;</p> <pre><code> function item_masonry() { $('.item img').load(function () { $('.infinite_scroll').masonry({ itemSelector: '.masonry_brick', columnWidth: 226, gutterWidth: 15 }); }); $('.infinite_scroll').masonry({ itemSelector: '.masonry_brick', columnWidth: 226, gutterWidth: 15 }); } $(document).ready(function () { function item_callback() { $('.item').mouseover(function () { $(this).css('box-shadow', '0 1px 5px rgba(35,25,25,0.5)'); $('.btns', this).show(); }).mouseout(function () { $(this).css('box-shadow', '0 1px 3px rgba(34,25,25,0.2)'); $('.btns', this).hide(); }); item_masonry(); } item_callback(); $('.item').fadeIn(); $(".infinite_scroll").infinitescroll({ navSelector: "#more",//导航的选择器,会被隐藏 nextSelector: "#more a",//包含下一页链接的选择器 itemSelector: ".item", //你将要取回的选项(内容块) loading: { img: "gif/Load1.gif", msgText: '一大波图片正在排队来袭...', finishedMsg: '不够爽吗?可惜木有了...', }, errorCallback: function () { } }, function (newElements) { //程序执行完的回调函数 var $newElems = $(newElements); $('.infinite_scroll').masonry('appended', $newElems, false); $newElems.fadeIn(); item_callback(); }); }); </script> </code></pre>
你的在非标准浏览器下json配置会出错,json对象结束不能以逗号结束,标准浏览器可以。其他的问题你自己看masonry的API找问题了。。
loading: { img: "gif/Load1.gif", msgText: "一大波图片正在排队来袭...", finishedMsg: "不够爽吗?可惜木有了..."** ,**}
去掉loading配置的最后那个逗号