Modo corretto per utilizzare phonegap e jquery mobile con più pagine html

Ho un'applicazione che utilizza jquery mobile e consiste in poche pagine html ciascuna con alcuni elementi di pagina jquery al loro interno. Su un browser desktop funziona tutto bene ma quando lo carico sul mio dispositivo Android (in esecuzione 2.3) la prima pagina sembra soddisfacente, ma ogni volta che fai clic su un link (diciamo da index.html -> logged-in-menu.html jquery mobili non sembra a calci e vengono applicate non stylings. Se poi tornare a index.html dalla pagina corrente, allora index.html è lasciato senza stile.Modo corretto per utilizzare phonegap e jquery mobile con più pagine html

è così c'è una corretta modo per spostarsi tra pagine HTML separate? io non ottengono gli eventuali errori del browser quindi tutto sembra funzionare bene, ma nessuno degli stili o le caratteristiche di jQm vengono applicati.

Proprio così tutti sono sulla stessa pagina, i link utilizzare i dati -ajax = "false" quindi causano un p completo l'aggiornamento dell'età (come richiesto), l'app non può funzionare come un'applicazione a singola pagina, quindi non mettere tutto in un unico grande file html non è un'opzione.

fonte

2012-06-26 Grofit

puoi mettere il sorgente del file html principale e il file html che stai trasferendo a '(index.html -> logged-in- menu.html) 'se possibile – dhaval

Se stai aggiornando completamente la pagina, immagino che avrai bisogno di riferimenti ai file jQuery e PhoneGap/Cordova JS e CSS in ogni pagina HTML. L'hai fatto? – csbrookes

Probabilmente hai un errore nei tuoi percorsi. Controlla Logcat. Scarica e collega localmente jquery/jquery mobile e i loro CSS. –

Se non si ottiene lo styling, si ha un documento CSS mancante, un errore JS o non si è strutturato correttamente l'HTML sulla nuova pagina.

fonte

2012-06-26 14:09:39

Questa è la cosa, non vi è alcun errore JS, a Logcat non viene dato nulla. Funziona perfettamente sui browser desktop Chrome, Firefox, ecc. Nessun errore, poiché utilizzo i test di accettazione basati su JSLint, JSTestRunner e Selenium. Per dimostrare tutto funziona come previsto. La maggior parte delle funzionalità è condivisa tra le pagine, quindi se nessuna pagina funzionasse capirò, ma siccome la prima pagina funziona bene (che carica un sacco di css dinamici, js e dà il via ai binding JS a eliminazione diretta). Così come tutte le pagine successive non funzionano (anche il ritorno a index.html è quindi rotto ma senza errori js). – Grofit

È ancora probabile un errore JS o CSS. I browser desktop non sono il browser interno. Ti suggerirei di utilizzare la registrazione integrata per vedere se parti del tuo JS falliscono. Inoltre se PhoneGap ha una modalità di debug lo accenderei. So che hanno aggiunto la funzionalità di logging qualche tempo fa, ma non l'ho mai utilizzato poiché era Alpha/Beta. La registrazione regolare di JS su Android è documentata qui: http://developer.android.com/guide/webapps/debugging.html –

Quando dici logging incorporato cosa intendi? Ho provato ad usare il roba hook-in per il debug di messaggi in cui includi js con #someUniqueName e vai a debug.phonegap.com/ /someUniqueName ma ancora nessun errore lì. Il materiale javascript viene attivato mentre inserisco manualmente un avviso una volta caricate tutte le mie cose dinamiche, e si è verificato (più lentamente di quanto mi aspettassi). Mi piacerebbe un errore perché potrei aggiustarlo allora, ma attualmente sono in un limbo con esso :( – Grofit

Un'altra alternativa consiste nel suddividere le pagine (e anche i pannelli all'interno di una pagina) in file HTML di template separati caricati dinamicamente e renderli come necessario. Guarda il tutorial su "creazione di app mobili con KnockoutJS, PhoneGap e jQuery Mobile" http://bit.ly/crmakopgjqm

fonte

2012-12-30 14:37:02

Modo corretto per utilizzare phonegap e jquery mobile con più pagine html

risposta

Problemi correlati