Hola buenas noches, escribo el post porque me surgido un problema que no se como solucionar ni como buscarlo en google, seguramente sea un error sencillo pero la verdad no tengo idea.
El problema es el siguiente, creo una función con js que lo que hace básicamente es leer un json externo y crear una lista en base a sus items. ( eso lo hace bien ).
Lo malo es que los items que inserta no toman el css de la lista.
Los podría declarar de a uno, pero como es jquerymobile no se como declararlos.
Mi función JS:
Código:
function MainMenu()
{
$.getJSON('url', function(data)
{
// Setup the items array
var items = [];
// For each line of data
$.each(data, function(key, val)
{
items.push('<li><a href="#"><img src="imagenes/profecionales.png"><h2>Profecionales</h2><p>Abogados, Medicos, Profesores, etc...</p></a></li>');
});
$("#menu").html(items);
});
}
HTML:
Código:
<ul data-role="listview" data-inset="true" id="menu">
</ul>
Pero si yo lo hago todo con html ( aunque no me sirve porque la idea es que sea dinámico ), se ve bien-.
Código:
<ul data-role="listview" data-inset="true" id="menu">
<li><a href="#"><img src="imagenes/profecionales.png"><h2>Profecionales</h2><p>Abogados, Medicos, Profesores, etc...</p></a></li>
</ul>