.append no funciona

[elena_22]

Hola necesito ayuda, se un poquito de javascript pero no se que onda con esto

Quiero imprimir codigo html con javascript pero no lo hace como quiero, miren

este es mi codigo, lo que quiero que haga es que imrpima los <li></li> dentro de <ul></ul> y no lo hace imprime primero los ul y a parte los li, que puede ser lo que pasa??? o que estoy haciendo mal????


if(settings.controlNav){
var nivoControl = $('<div id="rotador_n" class="nivo-controlNav"></div>');
slider.append(nivoControl);
for(var i = 0; i < kids.length; i++){
if(i==0){
nivoControl.append('<ul id="carrusel">');
}
if(settings.controlNavThumbs){
var child = kids.eq(i);
if(!child.is('img')){
child = child.find('img:first');
}
if (settings.controlNavThumbsFromRel) {
nivoControl.append('<li class="'+ i +'" style="overflow:hidden; float:left;"><a class="nivo-control" rel="'+ i +'"><img width="50" height="50" src="'+ child.attr('rel') + '" /></a></li>');
} else {
nivoControl.append('<li class="'+ i +'" style="overflow:hidden; float:left;"><a class="nivo-control" rel="'+ i +'"><img width="50" height="50" src="'+ child.attr('src').replace(settings.controlNavThumb sSearch, settings.controlNavThumbsReplace) +'" /></a></li>');
}
} else {
nivoControl.append('<li class="'+ i +'" style="overflow:hidden; float:left;"><a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a></li>');
}
if(i==kids.length){
nivoControl.append('</ul>');
}
}


Gracias de antemano, apreciaria mucho la ayuda

[caricatos]

Tema movido desde javascript

No sé qué librería usas, pero al menos $ no es una función estandar javascript... sería mejor qiue lo dijeses...

Lo que pienso es que cuando se añade algo, no se añade luego el tag final de ese algo...

Saludos

[mayid]

Es cierto lo que dice Caricatos. Muchos publican codigo jQuery como si fuese el único framework que existe, y dando por sentado que los demás lo van a interpretar. Pero es mucho mejor acostumbrarse a decir de qué frame se trata!

Código Javascript:

var nivoControl = $('<div id="rotador_n" class="nivo-controlNav"></div>');
 

Que clase de selector es ese? Me parece que no existe!

[Dany_s]

Que clase de selector es ese? Me parece que no existe!

No está seleccionando, con eso crea un div y luego lo agrega al elemento que tiene en la variable 'slider'.


Elena, si quieres que agregue los li dentro del ul seleccioná el #carrusel (que es el id que le das al ul) y agregá los li ahí

o mejor concatenando

miUl = '<ul>';

miUl += '<li>algo</li>';

miUl += '</ul>';

nivoControl.append(miUl);

creo que todo eso está dentro de un loop, no? entonces inicia miUL fuera del loop y el cierre también, y evitas esos condicionales

Código Javascript:

miUl = '<ul>';
for (i = 0; ...){
   miUl += '<li>variables...</li>';
} // fin loop
miUl += '</ul>';
nivoControl.append(miUl);
 

Podrias poner un ejemplo sencillo de lo que querés lograr, con sencillo me refiero a limpio, sin tener que estudiar tus condicionales, ver variables que no se saben que tienen, los estilos, las imagenes, links, divs jeje que no ayudan si tu problema es una lista