please transition in mobile with php,

please transition in mobile with php,

Very good,
In the desktop version of Chrome, simulating user agent firefox 14 android mobile, so good transitions between pages, but then the phone does not go any transition, why?
I say also that I'm using php
within data-role = "content" when I call a php page, I require (content / abaut.php);
can help that logic does this
code html
  2. <div data-role="page">
  3. <div class="header-decoration"></div>

  5. <div class="content">
  6. <div data-role="header">
  7. <div class="header container">
  8. <div class="call">
  9. <a data-enhance="false" data-role="none" class="logo-contact-icon" href="tel:938924186">
  10.             <img width="18" alt="img" src="images/icon/communication/phonehook.png"> Llámenos
  11. </a>
  12. </div>
  13.     <div class="logo">
  14.         <a data-enhance="false" data-role="none" href="" alt="">
  15. <img src="images/logo.png"  alt="">
  16. </a>
  17.         </div>
  18. <div class="mail">
  19. <a data-enhance="false" data-role="none" class="logo-contact-icon" href="mailto:campos.cerdera@gmail.com">
  20. <img width="18" alt="img" src="images/icon/misc/mail.png"> Email !!
  21. </a>
  22. </div>
  23. <div class="clear"></div>  
  24.     <div class="social-icons">
  25.   <a data-enhance="false" data-role="none" href="#">
  26.   <em data-enhance="false" data-role="none" aria-hidden="true" class="icon-facebook-2"></em>
  27.   <span class="screen-reader-text">Facebook</span>
  28.   </a>
  29.            <a data-enhance="false" data-role="none" href="#">
  30.   <em data-enhance="false" data-role="none" aria-hidden="true" class="icon-twitter-3"></em>
  31.    <span class="screen-reader-text">Twitter</span>
  32.   </a>
  33.           <a data-enhance="false" data-role="none" href="#">
  34.  <em data-enhance="false" data-role="none" aria-hidden="true" class="icon-linkedin-2"></em>
  35.  <span class="screen-reader-text">Linkendin</span>
  36.  </a>
  37.  <a data-enhance="false" data-role="none" href="#">
  38.  <em data-enhance="false" data-role="none" aria-hidden="true" class="icon-google-plus"></em>
  39.  <span class="screen-reader-text">Google plus +</span>
  40.  </a>
  41.  <a data-enhance="false" data-role="none" href="#">
  42.  <em data-enhance="false" data-role="none" aria-hidden="true" class="icon-youtube"></em>
  43.  <span class="screen-reader-text">Youtube</span>
  44.  </a>
  45.         </div>
  46.         <div class="clear"></div>   
  47.     </div>

  49. <div class="decoration"></div>
  50. </div>
  51.  <div data-role="content">
  52. //inside data-role = "content" when I call a php page, I require (content / abaut.php);
  53.        <div class="content" id="galeria">
  54. <h4 class="icon-heading">An awesome mobile portfolio</h4>
  55.     <p>
  56.     A very simple and intuitive portfolio to make this item complete is a must! The gallery is very simple to use and only requires you to copy paste a list to create a new item!
  57.     </p>
  58.          <ul id="gallery" class="gallery">
  59.             <li>
  60.             <a href="images/gallery/full/001.jpg">
  61.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/001.jpg" alt="Image 001" />
  62.                 </a>
  63.             </li>
  64.             <li>
  65.             <a href="images/gallery/full/001.jpg">
  66.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/002.jpg" alt="Image 001" />
  67.                 </a>
  68.             </li>
  69.             <li>
  70.             <a href="images/gallery/full/001.jpg">
  71.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/003.jpg" alt="Image 001" />
  72.                 </a>
  73.             </li>
  74.             <li>
  75.             <a href="images/gallery/full/001.jpg">
  76.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/004.jpg" alt="Image 001" />
  77.                 </a>
  78.             </li>
  79.             <li>
  80.             <a href="images/gallery/full/001.jpg">
  81.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/005.jpg" alt="Image 001" />
  82.                 </a>
  83.             </li>
  84.             <li>
  85.             <a href="images/gallery/full/001.jpg">
  86.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/006.jpg" alt="Image 001" />
  87.                 </a>
  88.             </li>
  89.             <li>
  90.             <a href="images/gallery/full/005.jpg">
  91.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/003.jpg" alt="Image 001" />
  92.                 </a>
  93.             </li>
  94.             <li>
  95.             <a href="images/gallery/full/006.jpg">
  96.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/002.jpg" alt="Image 001" />
  97.                 </a>
  98.             </li>
  99.             <li>
  100.             <a href="images/gallery/full/007.jpg">
  101.                 <img class="image-decoration no-bottom" src="images/gallery/thumb/001.jpg" alt="Image 001" />
  102.                 </a>
  103.             </li>
  104.         </ul>  
  105. </div>        
  106.         <div class="decoration"></div>
  107. </div>
  108. </div>
  109. <div data-enhance="false" data-role="footer">
  110. <div class="footer">
  111. <div id="twitter"></div>
  112. <p class="center-text copyright-text">Direccion</p>
  113.     <p class="center-text copyright-text">Copyright © 2013. Todos los derechos reservados! <a href="#" class="go-up">Subir arriba!</a></p>
  114. <p class="center-text copyright-text"><a style="text-align:center;display:block;margin:0 auto;font-size:13px;margin-bottom: 60px;" rel="nofollow" href="" class="ui-link">Ir a Web Estandar</a>
  115. </p>
  116. </div>

  118. <div class="navigation">
  119. <a href="./" class="nav-item home-nav ">Inicio</a>
  120.     <a href="empresa.php" id="menu-two"   class="nav-item about-nav ">Quienes Somos</a>
  121.     <a href="galeria.php" id="menu-three" class="nav-item gallery-nav active-nav">Galeria</a>
  122.     <a href="productos.php" id="menu-four" class="nav-item blog-nav ">Productos</a>
  123.     <a href="contacto.php" id="menu-five"  class="nav-item mail-nav ">Contacto</a>
  124. </div>
  125. </div>
  126. </div>