2 u013251386 u013251386 于 2014.12.08 16:13 提问

infinitescroll瀑布流在运行之后 向下滚动没有出现自动加载,那位牛人给看看啊 1C

<br> var pageindex = 1;<br> var pagesize = 30;</p> <pre><code> function item_masonry() { $(&#39;.item img&#39;).load(function () { $(&#39;.infinite_scroll&#39;).masonry({ itemSelector: &#39;.masonry_brick&#39;, columnWidth: 226, gutterWidth: 15 }); }); $(&#39;.infinite_scroll&#39;).masonry({ itemSelector: &#39;.masonry_brick&#39;, columnWidth: 226, gutterWidth: 15 }); } $(document).ready(function () { function item_callback() { $(&#39;.item&#39;).mouseover(function () { $(this).css(&#39;box-shadow&#39;, &#39;0 1px 5px rgba(35,25,25,0.5)&#39;); $(&#39;.btns&#39;, this).show(); }).mouseout(function () { $(this).css(&#39;box-shadow&#39;, &#39;0 1px 3px rgba(34,25,25,0.2)&#39;); $(&#39;.btns&#39;, this).hide(); }); item_masonry(); } item_callback(); $(&#39;.item&#39;).fadeIn(); $(&quot;.infinite_scroll&quot;).infinitescroll({ navSelector: &quot;#more&quot;,//导航的选择器,会被隐藏 nextSelector: &quot;#more a&quot;,//包含下一页链接的选择器 itemSelector: &quot;.item&quot;, //你将要取回的选项(内容块) loading: { img: &quot;gif/Load1.gif&quot;, msgText: &#39;一大波图片正在排队来袭...&#39;, finishedMsg: &#39;不够爽吗?可惜木有了...&#39;, }, errorCallback: function () { } }, function (newElements) { //程序执行完的回调函数 var $newElems = $(newElements); $(&#39;.infinite_scroll&#39;).masonry(&#39;appended&#39;, $newElems, false); $newElems.fadeIn(); item_callback(); }); }); &lt;/script&gt; </code></pre>

1个回答

showbo
showbo   Ds   Rxr 2014.12.08 16:30

你的在非标准浏览器下json配置会出错,json对象结束不能以逗号结束,标准浏览器可以。其他的问题你自己看masonry的API找问题了。。

loading: { img: "gif/Load1.gif", msgText: "一大波图片正在排队来袭...", finishedMsg: "不够爽吗?可惜木有了..."** ,**}

去掉loading配置的最后那个逗号

Csdn user default icon
上传中...
上传图片
插入图片