Hola amigos.
Tengo una problema, hice un video para una mejor explicación,
veanlo porfavor y gracias por la paciencia es este
http://www.youtube.com/watch?v=NWFRRAxsorA
El problema radica en un emulador android, una pagina hecha en jquery mobile, cuando se da clic en un enlace que conecta a una pagina, esta no carga, sin embargo en un navegador chrome funciona todo normal como verán en el video, espero me ayuden, utilizo para el emulador android el VIRTUALBOX con el sdk android-x86-2.3.iso
Aqui les paso el codigo html5, es siimple
Código HTML:
<!DOCTYPE html>
<html>
<head>
<title>Probando jQuery Mobile</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page" id="inicio">
<div data-role="header"><h1>Listas</h1></div>
<div data-role="content">
<ul data-role="listview" >
<li><a href="#coche" >Coche</a></li>
<li><a href="#avion">Avión</a></li>
<li><a href="#aeroplano">Aeroplano</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="b" data-dividertheme="a">
<li data-role="list-divider">Medios de transporte terrestrses</li>
<li><a href="#coche" >Coche</a></li>
<li data-role="list-divider">Medios de transporte Aereos</li>
<li><a href="#avion">Avión</a></li>
<li><a href="#aeroplano">Aeroplano</a></li>
</ul>
</div>
<div data-role="footer"><h3>Listas</h3>
</div>
</div>
<div data-role="page" id="coche">
<div data-role="header"><h1>Coches</h1></div>
<div data-role="content">
Los coches son un medio de transporte terrestre<br>
<a href="#inicio"data-role="button" data-theme="b" data-inline="true">Inicio</a>
</div>
<div data-role="footer">
<h3>Los coches</h3>
</div>
</div>
<div data-role="page" id="avion">
<div data-role="header"><h1>Aviones</h1></div>
<div data-role="content">
Los aviones son un medio de transporte aereo<br>
<a href="#inicio"data-role="button" data-theme="e" data-inline="true">Inicio</a>
</div>
<div data-role="footer">
<h3>Aviones</h3>
</div>
</div>
<div data-role="page" id="aeroplano">
<div data-role="header"><h1>Aeroplanos</h1></div>
<div data-role="content">
Los aeroplanos son un medio de transporte aereo, menor que los aviones<br>
<a href="#inicio"data-role="button" data-theme="d" data-inline="true">Inicio</a>
</div>
<div data-role="footer">
<h3>Aeroplanos</h3>
</div>
</div>
</body>
</html> Estare atento a cualquier comentario y gracias de antemano...