Repoblar carrusel con AJAX

$ (función () {

function showDisplay(items){

  $.get('test'+items+'.html', function(data) {
    $('.carousel ul').empty();      
    $('.carousel ul').html(data);
    $("div.example-2").carousel({ direction: "vertical", dispItems:5 , pagination:true });
    $('<div class="nextGroup">next</div>').appendTo($('.content-pag')).click( function(){
       showDisplay('2');
    });
});

  showDisplay('1');

});

Tengo este codigo. La idea es repoblar el carrusel con nuevos elementos agregados por AJAX, pero por alguna razón, cuando llamo al botón SIGUIENTE, el carrusel se bloquea. Estoy usando jQuery Carousel 0.9.5.

.content-pag es generado por carrusel

¿Alguna idea?

preguntado el 16 de mayo de 11 a las 17:05

1 Respuestas

Mi conjetura es esta:

$('.carousel ul').empty; 

debería ser esto:

$('.carousel ul').empty(); 

contestado el 16 de mayo de 11 a las 21:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.