1485 sujets

Web Mobile et responsive web design

Bonjour,

Je souhaite permettre la navigation entre des pages qui se suivent via l'interface tactile. Pour ça j'utilise les événements swipeleft et swiperight, qui déclenchent le chargement de la page suivante/précédente via la fonction changePage.
Globalement cela fonctionne, mais bizarrement le style css n'est pas appliqué sur la page ainsi chargée, à moins de faire F5 sur la page...

Voici le code utilisé:

$( function()
{ 
	$("#home").on( "pageinit", function() { 

		var page = "#" + $( this ).attr( "id" ),
		next = "1";
		prev = "3";

		// Prefetch the next page
		$.mobile.loadPage( next + ".html" );

		// Navigate to next page on swipe left
		$( document ).on( "swipeleft", page, function() {
			$.mobile.changePage( next + ".html", { transition: "slide" });
		});

		// Navigate to next page when the "next" button is clicked
		$( document ).on( "swiperight", page, function() {
			$.mobile.changePage( prev + ".html", { transition: "slide", reverse: true } );
		});	
	});
}); 


Une idée?
Modifié par Veuch (18 Oct 2014 - 16:32)