6

これが私の以前の投稿と矛盾する場合はお詫びしますが、誰かが私を助けてくれることを願って、無限スクロールのコールバック関数全体にかなり行き詰まっています。

Wordpress用のPortfolioSlideshowPro（http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/）をInfiniteScrollと組み合わせて使用​​しています。

これは私の無限スクロールJSがどのように見えるかです：

<script>
  $(function(){

    var $container = $('.rest-of-content');

    $container.infinitescroll({
      navSelector  : '.wp-paginate',    // selector for the paged navigation 
      nextSelector : '.wp-paginate li a',  // selector for the NEXT link (to page 2)
      itemSelector : '.single-fg-post',     // selector for all items you'll retrieve
      bufferPX: 20,
      loading: {
          msgText: 'Fetching more gold...',
          finishedMsg: 'We\'ve ran out of gold!',
          img: '<?php bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
        }

    });

  });
</script>

スライドショープラグインは$（window）.load全体なので、その中のすべてを取り込んで関数に変換しました。

$(window).load(function() { portfolioSlideshow() });

しかし、無限スクロールは機能しているものの、スライドショーのJSは機能していないため、新しい投稿のセットが読み込まれるたびに、その関数をコールバックする必要があります。

誰かが私が作成した関数をinfinitescrollのコールバックに追加して、新しいデータがロードされるたびに関数をリロードするのを手伝ってもらえますか？

よろしくお願いします。

-R

4

1 に答える 1

11 
$container.infinitescroll({
    navSelector  : '.wp-paginate',    // selector for the paged navigation 
    nextSelector : '.wp-paginate li a',  // selector for the NEXT link (to page 2)
    itemSelector : '.single-fg-post',     // selector for all items you'll retrieve
    bufferPX: 20,
    loading: {
        msgText: 'Fetching more gold...',
        finishedMsg: 'We\'ve ran out of gold!',
        img: '<?php bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
    }
},
function(arrayOfNewElems)
{
    portfolioSlideshow();
});

これはportfolioSlideshow()、infinitescrollプラグインが新しいデータをロードするたびに呼び出されます。

于 2012-01-09T15:26:18.247 に答える