JavaScript - problema con una lista <li>

   
Vista:

problema con una lista <li>

Publicado por claud (2 intervenciones) el 18/11/2014 23:56:38
Tengo un problema con una lista <li> en html y lo relleno con una function javascript

La lista de los datos es corecta ma la presentacion es orrible los datos me lo pone uno debajo de otros.
No me da el listview normal

Código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function inicio() {
 
			  $.getJSON('http://xxxxxxxx.tk/yyyyyyyy.php',function(data){
				console.log(JSON.stringify(data));
					var datos;
					var tr;
						for (var i = 0; i < data.length; i++) {
							tr = $('<tr/>');
								tr.append('<li> <a href="#page2"> <img src="http://xxxxxxxx.tk/imagen/'+data[i].NombreFotoCatalogo+'"  width=100  /></a>'+
								' <span><h2>'+data[i].Productos+'</h2> <p>'+data[i].NombreFotoCatalogo+'</p>'+
								'<a href="#ofertas" data-rel="popup" data-position-to ="windows" data-transition="pop">Más Información" </a></span> </li>');
 
 
							$('#lista').append(tr);
						}
 
 
			  });
			}
		</script>
 
     <body onload="inicio();">
 
     etc..
 
 
      <div data-role="content" align="center" data-theme ="a" > <img src ="imagen/fotos-inicio.png" class="img">
    <ul data-role="listview" data-inset="true" data-split-icon="check" data-split-theme="e" data-theme="e" id="lista" >
      <li data-role="list-divider" data-icon="star">Las tres Ofertas destacadas</li>
 
 
    </ul>
    <div data-role="content" align="center" data-theme ="c" >
 
    </div>
donde estoy equivocado
un saludo
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

problema con una lista <li>

Publicado por xve (1595 intervenciones) el 19/11/2014 09:09:54
Hola Claud, de la manera que nos lo muestras, no se muy bien como se visualiza, pero para definir el diseño de una lista desordenada (<ul>) se hace con los estilos..

De todas maneras, es tu código me da la sensación que lo pones dentro de un <tr> de una tabla... puede ser? si es así, yo te diría que no tiene que ir cada <li> dentro de un <tr>, si no, no vas a poder hacer mucho con los estilos.

El código HTML resultante de esto cual es?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar