1

我正在使用infiniteajaxscroll 插件将新内容加载到div 中，它适用于safari 和chrome。在 Firefox 中，我可以看到 jquery-ias 代码隐藏了分页 div，但是当我到达页面末尾时，什么也没有发生，我在 Firebug 中看不到任何错误。

我还注意到，在IAS 网站的溢出示例中，我得到了相同的行为。它使用 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
}));

这是我制作 php 页面所遵循的指南。

编辑：固定。对于任何有类似问题的人，我正在使用另一个 JS 脚本，该脚本添加了<body>导致此问题的“位置：绝对”样式。

4

0 回答 0