roller - Pagina di modifica mobile di Jquery

jquerymobile roller (4)

Ho un layout a due colonne per una pagina web dal sito, http://jquerymobile.com/demos/1.0.1/

Ora hanno provveduto a <a href="#xxx" data-role="button">Sample</a> utilizzando <a href="#xxx" data-role="button">Sample</a>

Ma la mia domanda è come cambiare la pagina usando il codice.

$.mobile.changePage("#xxx"); non funziona per me

Ecco un esempio semplice per te: http://jsfiddle.net/shanabus/YjsPD/

$.mobile.changePage("#page2");

Documentazione: http://api.jquerymobile.com/jQuery.mobile.changePage/

Altri esempi:

//transition to the "about us" page with a slideup transition
$.mobile.changePage( "about/us.html", { transition: "slideup"} );

//transition to the "search results" page, using data from a form with an ID of "search""   
$.mobile.changePage( "searchresults.php", {
    type: "post",
    data: $("form#search").serialize()
});

//transition to the "confirm" page with a "pop" transition without tracking it in history   
$.mobile.changePage( "../alerts/confirm.html", {
    transition: "pop",
    reverse: false,
    changeHash: false
});

AGGIORNARE

Come indicato da Chase Roberts nei commenti seguenti, questo metodo changePage è stato ritirato nella versione 1.4. Ecco la documentazione per il nuovo evento di cambiamento di pagecontainer .

Esempio:

$.mobile.pageContainer.pagecontainer("change", "#page", { options });

Questo è stato anche affrontato in questa domanda SO: come cambiare pagina in jQuery mobile (1.4 beta)?

No, questa è la sintassi corretta $.mobile.changePage("#page2"); o $.mobile.changePage( "about/us.html"); guarda l'Api

So che questo è già stato risposto, ma sicuramente la risposta corretta perché non funzionava è che la sintassi non è corretta?

$ .mobile.changePage richiede l'oggetto DOM (per visualizzare le pagine all'interno dello stesso file HTML usando la sintassi dell'hash) e non solo una stringa. Quindi la sintassi corretta per l'esempio dato sarebbe:

$.mobile.changePage($("#xxx"));

Questo dovrebbe funzionare a meraviglia!

Spero che questo ti aiuti

$.mobile.changePage($("#page2"));

è il modo corretto per cambiare tra quale div è la pagina visibile.

Se usi

$.mobile.changePage("#page2");

Il DOM verrà ricaricato e verranno attivati tutti gli eventi ondocumentready.