0

これが私のシナリオです：

ページネーションがあり、無限スクロールで強化されたページがあります

ページにはアイテムのリストがあり、各アイテムは smarty で次のように表示されます

<div id="link-{index}">
<div align="left"><a href={$url}></div><div alight="right"><img src="" id="{$url}"></div>
</div> <script>imager({$url});</script>

特定のURLの画像srcを動的に取得し、定義して画像に追加するサービスを使用していますimager(x){ document.getElementById(x).src = service(x).image; }

通常のページネーションが使用されている限り、サイド URL に沿って正しい画像が表示されるようになりました。JQuery を使用し、各項目のイメージャー JS スクリプトを解析するため、ページ 2 以降は無限スクロールでは機能しません。

イメージャーが行うことを行う無限スクロール用のコールバック関数を作成しようとしていますが、ページが読み込まれた後、それを機能させることができません。

ヒントをいただければ幸いです。ありがとうございました

4

1 に答える 1

0

新しいページが読み込まれたときのコールバックでは、次のようなことができます。

$('img:not([src])').each(function() {
    $(this).attr('src', service($(this).attr('id')).image);
});

これは、ソースのない画像のみが無限スクローラーによってロードされたばかりであると想定しています。ウィジェットが、DOM のどの部分がページインされたかを伝えるコールバックにパラメーターを提供する場合、それを使用してさらに絞り込むことができる場合があります。jQuery セレクターの 2 番目の引数は、検索するコンテキストです。

于 2012-10-27T06:46:21.273 に答える