1

私はinfiniteajaxscrollプラグインを使用して新しいコンテンツをdivにロードしていますが、サファリとクロムでうまく動作します。Firefox では、jquery-ias コードがページネーション div を隠していることがわかりますが、ページの最後に到達しても何も起こらず、Firebug でエラーが表示されません。

また、 IAS Web サイトのオーバーフローの例でも、同じ動作が発生することに気付きました。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ページを作成するために私が従ったガイドです。

編集：修正。<body>同様の問題を抱えている人のために、この問題の原因となった「位置：絶対」スタイルを追加した別のJSスクリプトを使用していました。

4

0 に答える 0