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é:
Une idée?
Modifié par Veuch (18 Oct 2014 - 16:32)
      
      
    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)