0

私の質問は次のとおりです。製品のデータベースから画像を取得する動的ページがあります。ここに 14 の製品とサブ製品の画像を表示します: " http://www.14u-fashion.com/shop/cat/65 ". 矢印を削除して無限スクロールにしたい、このライブラリを使用しました：「github.com/paulirish/infinite-scroll」、すべて正常に動作します（ここで「dokimastiko.14u-fashion.com/shop/cat/65で作業しています」 」）しかし、スクロールでさらにコンテンツをロードすると、画像を回転させるJavaScript（および各製品の矢印をクリック可能）が続きません。これまでの私のコードはこれです

$o . ="$('#catview').infinitescroll({
                   navSelector:'div.nextPage',             
                   nextSelector:'div.nextPage a:first',
                   itemSelector:'#catview div.loadPage',
                   loading: 
                   {
                    finishedMsg: '',
                    msgText: '',
                    img : '/../../../images/loading.gif',
                    },
                    debug:true;
                   animate: true,

   });
   ";

JavaScriptで動作させる方法はありますか？pathParse で試しましたが、さらにエラーが発生します

4

1 に答える 1

0

画像を関数にするjsコードを作成し、オプションのコールバック$(elem).infinitescroll(options,[callback])を使用して関数を再度呼び出します

このようなもの：

function codeForImageTurn(){
    //turn image, click stuff
}

//run once when page load
codeForImageTurn();


//add as callback everytime scroll elements are added so it will re-run
$o. = "$('#catview').infinitescroll({
    navSelector:'div.nextPage',             
    nextSelector:'div.nextPage a:first',
    itemSelector:'#catview div.loadPage',
    loading: 
    {
        finishedMsg: '',
        msgText: '',
        img : '/../../../images/loading.gif', //starting with `/` means root, you can't go anything up
    },
    debug:true;
    animate: true,

},function(){
    codeForImageTurn();
});
";
于 2013-05-16T17:31:30.947 に答える