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)