Ho un'app phonegap (2.2.0) + jquery mobile (1.2.0) che ha un problema strano.
Ho una pagina nella mia app che contiene un collegamento acarica un'altra pagina. Nella pagina caricata ho un pulsante Indietro che, quando viene cliccato, riporta l'utente alla pagina precedente. Quando visualizzo questa interazione all'interno di un browser web funziona perfettamente e non vengono generati errori.
Tuttavia, quando lo visualizzo in IOS, il contenuto della paginae l'intestazione scompaiono al termine dell'animazione di transizione del pulsante Indietro. Vedo la pagina mostrata per un lampo, poi diventa bianca. Ancora una volta, solo l'intestazione della pagina e il contenuto scompaiono. Ho inserito un avviso nell'evento pageshow sulla pagina a cui sto tornando e la pagina non diventa vuota fino a quando non viene chiuso l'avviso.
Per rendere le cose più strane, se faccio clic / tocco suarea vuota della pagina, il contenuto si presenta magicamente di nuovo! Non capisco. Ho provato a ridipingere la pagina chiamando un .page () e / o un .trigger ("updatelayout") sul contenitore della pagina, ma sembra non fare nulla.
Solo questa pagina presenta questo problema. Tutte le altre transizioni funzionano bene, anche dopo che si verifica la cosa della pagina vuota.
Non riesco a capirlo da molte ore, quindi qualsiasi aiuto con questo sarebbe molto apprezzato.
risposte:
1 per risposta № 1Si scopre che era una linea di CSS che erarovinarlo. Ho aggiunto alcuni CSS qualche tempo fa per ridurre lo sfarfallio tra le transizioni. Quando l'ho rimosso, tutto ha funzionato correttamente. Il CSS offensivo era questo:
.ui-page { -webkit-backface-visibility: hidden; }