Jquery mobile haut de page

Bonjour,

je n'arrive pas à indiquer dans mon bas de page un bouton "haut de page" qui pointe bien vers le haut de la page...

mon bandeau sur toutes mes pages :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div data-role="header" id="haut"><!-- DEBUT en tete -->
<h1><img src="images/mon_image.png" alt="Accueil" width="200" height="30" /></h1>
<h3>Sorties</h3>
	<div data-role="navbar" data-type="horizontal"><!-- DEBUT Barre de menus -->
		<ul>
			<li><a href="index.php" 		data-theme="a" data-icon="home">Accueil</a></li>
			<li><a href="liens.php" 		data-theme="a" data-icon="star">Liens</a></li>
			<li><a href="agenda_date.php"	data-theme="a" data-icon="gear">Agenda</a></li>
			<li><a href="morceaux.php"		data-theme="a" data-icon="flèche-d">Ecouter</a></li>
		</ul>
	</div>	<!-- FIN Barre de menus -->
</div><!-- FIN en tete -->

et mon bas de page :

Code:

1
2
3
4
5
6
7
8
<div data-role="footer" data-theme="c"><!-- base de page -->
<p>
&nbsp; &nbsp; © &nbsp; &nbsp;
<?php echo strtoupper($nom_site).'&nbsp; &nbsp;'.date('Y').' '; ?> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="infos_site.php">A propos</a>
&nbsp; &nbsp; © &nbsp; &nbsp;
<a href="#haut" data-role="button" data-icon="arrow-u">Up</a>
</p>
</div>

quand je clique sur "Up" il ne se passe rien...

Merci !

J'ai trouvé !

Voici le petit script qu'il faut indiquer en bas de page :

Code:

1
2
3
4
5
6
7
8
 
<a id="haut" data-role="button" class="ui-btn-right" data-icon="arrow-u" data-theme="a">Haut de page</a>
 
<script type="text/javascript">
	$('#haut').live('click', function() {
		$.mobile.silentScroll(0)
			});
</script>

Bonjour,

Le lien en bas de page, d'accord. Mais le code serait mieux positionné dans le $(document).ready. ;)