Bonjour,
Désolé si je n'ai pas donné plus de détails, je vous poste mon code :
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>ma première app</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="Css/jquery.mobile-1.3.2.min.css"/ type="text/css">
<script src="Js/jquery.js" ></script>
<script src="Js/jquery.mobile-1.3.2.min.js"/></script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header" data-position="fixed">
<h1>Application</h1>
</div>
<!--Header-->
<div data-role="content"> </div>
<!--corps de la page-->
<div data-role="footer" data-position="fixed" data-theme="a">
<div data-role="navbar">
<ul>
<li><a class="ui-btn-active ui-state-persist" href="index.html" data-role="button" date-icon="home" value="text">Accueil</a></li>
<li><a href="categorie.html" data-role="button" value="text">Catégorie</a></li>
<li><a href="recherche.html" data-role="button" value="text">recherche</a></li>
<li><a href="liste.html" data-role="button" value="text">Ma liste</a></li>
</ul>
</div>
</div>
<!--pied de page-->
</div>
<!--première page-->
</body>
</html>
les autres pages c'est pratiquement le même code, l'effet "fade" est la transition par défaut.
J'utilise Jqueri 1.9 et Jqueri mobile 1.3.2, je teste sur un Galaxy s3 Sous Android 4.1.2 et Iphone 4 Sous IOS 6.2.
Merci.
