Insertar elementos jQuery Mobile

[madman_18]

Hola a todos!

Tengo una web a la que le construyo el menú mediante funciones. Ahora bien, detecto con una librería php si lo visualizan desde un teléfono/tablet o un PC... ¿habría forma de insertar un elemento de jqueryMobile (un select para que sirva de menú)?

Intento construir la función que me mostraría el menú para teléfonos con este código:

Código HTML:

echo "<div data-role='fieldcontain'>
    <label for='select-choice-1' class='select'>Choose shipping method:</label>
    <select name='select-choice-1' id='select-choice-1'>
        <option value='standard'>Standard: 7 day</option>
        <option value='rush'>Rush: 3 days</option>
        <option value='express'>Express: next day</option>
        <option value='overnight'>Overnight</option>
    </select>
</div>";
 

Pero no lo muestra como elemento de jqueryMobile (y las librerías están cargadas)...de ahí que os pregunte si se puede hacer eso o no

Gracias!

[diurno10]

http://jquerymobile.com/demos/1.1.0-rc.1/docs/lists/index.html

[madman_18]

Lo que ocurría para que no se me mostrase con jQuery mobile era un problema con la versión de jquery que había en la web ;) .

Ahora tengo otro problemilla...cuando hago el <select> que me interesa y lo compruebo, se despliega cuando le doy con el dedo justo en el centro del select ¿a alguno más le ha ocurrido?

[madman_18]

Otra preguntilla más...cuando cargo contenido con el .load de jquerymobile...no me está aplicando al contenido que cargo el estilo de jqueryMobile...¿por qué puede ser?

[diurno10]

estas utilizando el .trigger('create') ?
ej:

$('div.tb-turnos-res').html(data).trigger('create');

[madman_18]

Iniciado por diurno10

estas utilizando el .trigger('create') ?
ej:

$('div.tb-turnos-res').html(data).trigger('create');

Ahora que me lo mencionas sí, ya que no conocía esa propiedad

Pero.... me ocurre un problema... después de hacer ese data quiero ocultar el loading, y me muestra en algunos casos que el objeto $.mobile no está definido...
Pongo el código por si hay alguna errata o hay una mejor manera de ponerlo

Código Javascript:

$("#seleccion_menu article ul li a").click(function(){
                        
                       var elemento = 'accion='+this.name;
                       $.mobile.loading('show',{
                         text: 'Cargando...',
                         textVisible: true,
                         theme: 'a'
                       });
                       
                       setTimeout(function(){
                           $.ajax({
                               type:'post',
                               url:'ajax.php',
                               data: elemento,
                               success: function(data){
                                   $('#contenido').html(data).trigger('create');
                                   $.mobile.loading('hide');
                                   $("#mi_menu").panel('close');
                               }
                           });