无限的ajax滚动插件和firefox

时间:2015-04-29 16:11:01

标签: jquery-ias

我正在使用infiniteajaxscroll插件将新内容加载到div中,并且它可以与safari和chrome一起使用。在firefox中我可以看到jquery-ias代码隐藏了分页div但是当我到达页面末尾时没有任何反应,我在Firebug中看不到任何错误。

我还注意到在IAS website的溢出示例中,我得到了相同的行为。它使用safari和chrome加载更多项目,但不加载firefox。 这是我的代码的一个例子。

HTML:

<div style="margin:0; padding:0; width:100%; height:100%;"  id="results">    
<div id="articles"> 
<div id="article-79" class="article">....</div>
<div id="article-80" class="article">....</div>
<div id="article-81" class="article">....</div>
<div id="article-82" class="article">....</div>
...
</div>
<div id="pagina" style="display: none;"><a class="next" href="/lista.php?p=2&amp;cod=0&amp;idl=1&amp;idt=6">Next</a></div>

使用Javascript:

<script>
var ias= $j.ias({
container : '#articles', // main container where data goes to append
item: '.article', // single items
pagination: '#pagina', // page navigation
next: '.next',
delay : 200,
negativeMargin:300
});
ias.initialize();
ias.extension(new IASSpinnerExtension()); 
ias.extension(new IASNoneLeftExtension({
  text: 'END'      // override text when no pages left
}));

this is the guide我已经关注制作了php页面。

修改: 固定。对于任何有类似问题的人,我使用另一个JS脚本,在<body>上添加了“position:absolute”样式,导致了这个问题。

0 个答案:

没有答案