2012-01-06 101 views
5

道歉,如果這與我以前的帖子發生衝突,但我堅持無限滾動的回調函數,希望有人可以幫助我。無限滾動和回調

我使用Wordpress的Portfolio Slideshow Pro(http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/)與無限滾動相結合。

這是我的無限滾動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> 

幻燈片插件是一個整體$(窗口).load所以我把裏面的一切,並把它變成一個功能。

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

但現在我需要每次新的一套崗位加載作爲雖然infinitescroll正在努力回調函數,在幻燈片中的JS都沒有。

有人可以幫我添加我創建的函數到infinitescroll的回調,所以它每次加載新數據時重新加載函數?

非常感謝。

-R

回答

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(); 
}); 

這會在每次infinitescroll插件加載時間新數據呼叫portfolioSlideshow()

+0

嗨,Jeff, 非常感謝。它現在一點都沒有突破,這非常棒,但它似乎並沒有使投資組合幻燈片播放> http://goo.gl/0KEWc。我現在想知道'portfolioSlideshow();'函數是否可能沒有正確包裝,因爲當我鍵入portfoliolideshow()到控制檯時它說:portfolioSlideshow沒有定義。嗯 - 也許我需要努力。謝謝你的幫助,傑夫。 – 2012-01-09 20:53:51

+0

知道它的代碼工作,但它似乎不像滑動功能工作。已聯繫幻燈片網站上的論壇尋求幫助。謝謝,傑夫。 – 2012-01-09 21:08:07

+0

祝你好運! – Jeff 2012-01-10 14:36:42