2012-01-06 19 views
5

Ci scusiamo se questo è in conflitto con un post precedente, ma sono piuttosto bloccato con l'intera funzione di callback di scroll infinito che si spera che qualcuno possa aiutarmi.Scorrimento infinito e callback

Sto usando il Portfolio Slideshow Pro (http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/) per Wordpress combinato con Infinite Scroll.

Questo è ciò che la mia infinita JS scorrimento assomiglia:

<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> 

Il plugin presentazione è un intero $ (window) .load così ho preso tutto dentro questo, e lo ha trasformato in una funzione.

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

Ma ora devo callback tale funzione ogni volta il nuovo set di poli caricare come anche se l'infinitescroll sta funzionando, il JS sulla presentazione non sono.

Qualcuno può aiutarmi ad aggiungere la funzione che ho creato al callback di infinitescroll in modo che ricarichi la funzione ogni volta che vengono caricati nuovi dati?

Grazie mille in anticipo.

-R

risposta

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

Ciò richiederà portfolioSlideshow() ogni volta che i carichi infinitescroll plugin di nuovi dati.

+0

Ciao Jeff, Grazie mille per questo. Ora non si sta affatto rompendo, il che è fantastico, ma non sembra che porti in scena il Portale Spettacolo> http://goo.gl/0KEWc. Mi chiedo ora se la funzione 'portfolioSlideshow();' non sia forse corretta come quando digito portfolioslideshow() nella console che afferma: portfolioSlideshow non è definito. Hmm - forse qualcosa su cui ho bisogno di lavorare. Grazie per tutto il tuo aiuto, Jeff. –

+0

Ottenuto il funzionamento del codice, ma non sembra che funzioni la funzione di scorrimento. Ho contattato i forum sul sito della presentazione per aiuto su questo. Grazie, Jeff. –

+0

Buona fortuna a comprenderlo! – Jeff

Problemi correlati