Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/03/2011, 06:09
Avatar de carlosmderio3
carlosmderio3
 
Fecha de Ingreso: marzo-2011
Ubicación: valencia
Mensajes: 67
Antigüedad: 13 años, 2 meses
Puntos: 0
Exclamación con el Jquery movile que no puedo encontrar solucion

Hola necesito ayuda con el Jquery Movile que no funciona con el explorador de mi movil, la verdad es que necesito hacer un portal para estos dispositivos.

paso el código:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Versión movil 2011</title>
<
link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
        <
script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<!-- Start of first page -->
<div data-role="page" id="index">
<div data-role="header">
<h1>titulo header</h1>
</div><!-- /header -->
<div data-role="content">    
     <ul data-role="listview" data-inset="true">
                    <li><a href="#servicios">Servicios</a></li>
                    <li><a href="#quienes">¿Quienes Somos?</a></li>
                    <li><a href="#cursos">Cursos</a></li>
                    <li><a href="#noticias">Noticias</a></li>
                    <li><a href="#preguntas_frecuentes">Preguntas Frecuentes</a></li>
                    <li><a href="#contacto">Contacto</a></li>
                </ul>    
  </div>
    <!-- /content -->
<div data-role="footer">
        <h4>titulo footer</h4>
    </div><!-- /header -->
</div><!-- /page --> 
Código PHP:
<!-- Start of second page -->
<
div data-role="page" id="servicios">

    <
div data-role="header">
        <
h1>Servicios</h1>
    </
div><!-- /header -->
<
div data-role="content">    
        <
p>texto dentro de la paginita</p>        
        <
p><a href="#index">Ir Atrás.</a></p>    
    </
div><!-- /content -->
<
div data-role="footer">
        <
h4>footer titulo</h4>
    </
div> <!-- /header -->
</
div><!-- /page --> 
ahora explico un poco mejor, con este codigo en google chrome se ve muy bien la version movil de la web.

ahora bien, cuando accedo desde el dispositivo, lo veo sin estilos css, todas las paginas dentro de la misma, y no oculta el contenido, sino que lo muestra... pero sin estilos...
lo mismo me sucede si entro desde IExplorer...
pero lo mas raro es que con el Chrome lo veo bien....

bueno, espero que me ayuden, gracias
__________________
Oir EuropaFM Valencia!