我正在使用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&cod=0&idl=1&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”样式,导致了这个问题。