Ok pithon ya te tengo la solucion, el problema no era de php si no de jQuery mobile, mira lo que pasa es que lo que hace jQuery mobile es que cada link que haces en vez de haga su secuencia normal, osea llevarte al otro sitio, lo que en realidad de hace es que te carga por ajax el elemento que quieres visualizar sin cargar bien los elementos que usan el plugin para que trabajes con el, hay algunos metodos que probe para evitar que lo hiciera por ajax si no que hiciera completa la redireccion y el unico metodo que encontre que me funciono fue agregarle el atributo
en el mismo lugar donde creas tu boton, quedandote el link de esta manera:
Código HTML:
Ver original<a href="detalles.php" data-role='button' data-ajax="false" >ver detalles
</a>
Con eso evitas que jQuery Mobile te lo cargue por ajax y te lleve en realidad al sitio, ya lo probe y esta funcionando, te paso unos links a mi sitio para que veas como funciona, y tambien aqui te pego el sitio que utilize para trabajar
http://behstant.com/downloads/forums/sliderMobil.html
lo que tiene sliderMobil.html
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta name="viewport" content="width=device-width"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<div data-role='content'> <a href="detalles.php" data-role='button' data-ajax="false" >ver detalles
</a>
Lo que tiene detalles.php
Código PHP:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta charset='utf-8'/>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" href="css/jquery.mobile.pagination.css"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="js/jquery.mobile.pagination.js"></script>
</head>
<body>
<?php
$page = array("1.jpg","2.jpg","3.jpg"); //$page es un array que recupero de una base de datos con la informacion que debo mostrar
for($i=0;$i<count($page);$i++){ ?>
<div data-role='page' id='page<?php echo $i+1;?>'>
<div data-role='header'>
<h1>page<?php echo $i+1;?></h1>
</div>
<div data-role='content'>
<?php
echo '<img src="img/'.$page[$i].'" />';
?>
<ul data-role='pagination'>
<li class='ui-pagination-next'><a href='detalles.php#page<?php echo $i+2;?>'>Siguiente</a></li>
</ul>
</div>
</div>
<?php
}
?>
</body>
</html>
De aqui pudes bajar el codigo fuente:
http://behstant.com/downloads/forums/files/code_001.rar 