Problemas añadiendo contenido dinamico

[wolfmoon]

Hola buenas, tengo una seccion que la cargo dinamicamente con jquery, cargo una capa, un elemento ul y dentro varias li dentro de una funcion llamada loadPubli.

El caso es que cada li forma parte de un slider, cuyo codigo tengo aparte, y que añado al final de loadPubli, el codigo del slider se supone que me cuenta el total de li y asigna el movimiento, pero me cuenta mal los li, por cada li que yo pongo el me cuenta dos....

No se si se entiende...

[maycolalvarez]

¿te los duplica?, seria bueno que postearas parte del código, o el link para ver que sucede, así es más fácil ayudarle

[wolfmoon]

Iniciado por maycolalvarez

¿te los duplica?, seria bueno que postearas parte del código, o el link para ver que sucede, así es más fácil ayudarle

Si, perdona que fallo, os pongo los codigos ahora mismo, decir que si en vez de cargar los contenidos desde el dom los cargo directamente en el html el slider funciona correctamente.

codigo slider

Código Javascript:

function iniciarSlider(){
var slider = {};
 
slider.initQuery = '.slider';
 
slider.slider = $( slider.initQuery + " ul,ul"+slider.initQuery); 
slider.slides = slider.slider.find('li'); 
slider.number = slider.slides.length; 
slider.actual = 0; 
slider.height = 0; 
slider.width = 0; 
 
 
for(i=0;i<slider.number;i++)
{
  var w = $(slider.slides[i]).width();
  var h = $(slider.slides[i]).height();
  slider.height = ( h > slider.height  ) ?  h : slider.height;  
  slider.width = ( w > slider.width  ) ? w : slider.width;  
}
 
 
slider.slider.css({
  overflow: "hidden",
  width: slider.width,  
  height: slider.height,
  position: 'relative'
});
 
for (var i=0;i<slider.number;i++)
{
  var sl = $(slider.slides[i]);
  sl.attr('class',sl.attr('class') + " slider-slide-"+i);
  sl.css({
    position : 'absolute',
    left : slider.width * i 
  });
}
 
slider.go = function (where) {
  if (where == 'next')
  {
    slider.actual = ( slider.actual < slider.number-1) ? slider.actual*1 + 1 : 0;
  }
  else if (where == 'prev')
  {
    slider.actual = ( slider.actual > 0) ? slider.actual - 1 : slider.number-1;
  }
  else
  {
    slider.actual = where;
  }
 
  for (var i=0;i<slider.number;i++)
  {
    var sl = $(slider.slides[i]);
    sl.animate({
       left : slider.width * (i - slider.actual)
    },500, 'easeInOutExpo');
  }
};
}
 

Aqui el codigo donde cargo los li

Código Javascript:

function loadMovil() {      
        
        $('.services').append('<div id="services-movil"><div class="slider"><ul><li></li><li></li></ul></div></div>');
 
loadiniciarSlider();
 
}
 

A loadMovil lo llamo desde un boton con un bind click...

[gebremswar]

No se si me equivoco, pero en el segundo código que compartiste, yo veo que asignas "<li></li><li></li>" dos li.