2012-01-06 59 views
5

Disculpas si esto entra en conflicto con una publicación anterior de la mía, pero estoy bastante atrapado con toda la función de devolución de llamada de desplazamiento infinito que con suerte alguien puede ayudarme.Desplazamiento infinito y la devolución de llamada

Uso Portfolio Slideshow Pro (http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/) para Wordpress combinado con Infinite Scroll.

Esto es lo que se ve mi infinita JS desplazamiento como:

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

La presentación de diapositivas plugin es un conjunto $ (ventana) .load así que tomó todo dentro de eso, y lo convirtió en una función.

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

Pero ahora tengo que devolver la llamada función que cada vez que el nuevo conjunto de mensajes que aunque la carga infinitescroll está trabajando, la JS en la presentación de diapositivas no lo son.

¿Puede alguien ayudarme a agregar la función que creé a la devolución de llamada de infinitescroll para que vuelva a cargar la función cada vez que se carguen nuevos datos?

Muchas gracias de antemano.

-R

Respuesta

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

Para ello, será portfolioSlideshow() cada vez que se carga infinitescroll plugins nuevos datos.

+0

Hola Jeff, Muchas gracias por esto. Ahora no está rompiendo en absoluto, lo cual es genial, pero aún así parece que no trae el portfolioSlideshow en juego> http://goo.gl/0KEWc. Me pregunto ahora si la función 'portfolioSlideshow();' quizás no esté ajustada como cuando escribo portfolioslideshow() en la consola que dice: portfolioSlideshow no está definido. Hmm - tal vez algo en lo que necesito trabajar. Gracias por toda su ayuda, Jeff. –

+0

Tengo el código funcionando, pero no parece que la función deslizante esté funcionando. Se ha contactado con los foros en el sitio de la presentación de diapositivas para obtener ayuda sobre esto. Gracias, Jeff. –

+0

¡Buena suerte descubriéndolo! – Jeff

Cuestiones relacionadas