Uso di jquery mobile Im utilizzando intestazione e piè di pagina persistenti. Il footer nav ha schede e quando fai clic su una scheda carica una pagina tramite ajax. Il problema è la transizione da una pagina all'altra, che è ajax che carica un div con l'ID specifico, è molto lento. Per la transizione della pagina occorrono 2-5 secondi. quando faccio clic su una scheda, si evidenzia un colore diverso ma non accade nulla, quindi pochi secondi dopo avviene la transizione. A volte, se fai clic per velocizzare le interruzioni di layout e il piè di pagina scompare. Sto facendo questo su un ipad con l'ultima versione di jquery mobile. Jquery mobile è davvero lento? Aspetterò che ios5 faccia la differenza?Jquery Mobile - Lento con transizioni di pagina
UPDATE
Ecco un frammento di codice:
<div data-role="page" id="page1">
<div data-role="header" data-position="fixed">
<h1>Page Title</h1>
<a href="#dialog" data-transition="slidedown" data-icon="check">Add</a>
</div>
<div data-role="content">
<ul data-role="listview">
<li data-role="list-divider"><span class="ui-li-count">2</span></li>
<li>
<h3>Stephen Weber</h3>
<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
<p class="ui-li-aside"><strong>6:24</strong>PM</p>
</li>
</ul>
<div data-role="footer" class="nav-glyphish-example" data-id="myfooter" data-position="fixed">
<div data-role="navbar" class="nav-glyphish-example" data-grid="b">
<ul>
<li><a href="#page1" data-transition="reverse slide" id="chat" data-icon="custom" class="ui-btn-active ui-state-persist">Link 1</a></li>
<li><a href="#page2" data-transition="slide" id="email" data-icon="custom">Link2</a></li>
<li><a href="#page3" data-transition="slide" id="skull" data-icon="custom">Link 3</a></li>
</ul>
</div>
</div>
<div data-role="page" id="page2">
<div data-role="header" data-position="fixed">
<h1>Page Title</h1>
<a href="#dialog" data-transition="slidedown" data-icon="check">Add</a>
</div>
<div data-role="content">
<ul data-role="listview">
<li data-role="list-divider"><span class="ui-li-count">2</span></li>
<li>
<h3>Stephen Weber</h3>
<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
<p class="ui-li-aside"><strong>6:24</strong>PM</p>
</li>
</ul>
<div data-role="footer" class="nav-glyphish-example" data-id="myfooter" data-position="fixed">
<div data-role="navbar" class="nav-glyphish-example" data-grid="b">
<ul>
<li><a href="#page1" data-transition="reverse slide" id="chat" data-icon="custom" class="ui-btn-active ui-state-persist">Link 1</a></li>
<li><a href="#page2" data-transition="slide" id="email" data-icon="custom">Link2</a></li>
<li><a href="#page3" data-transition="slide" id="skull" data-icon="custom">Link 3</a></li>
</ul>
</div>
</div>
fornire qualche codice che mostra ciò che si sta realmente facendo? come viene fornito l'ancora? hai usato le definizioni di pagina per caricare le pagine? aggiungere del codice, sarebbe utile .. – zyrex
Provare a rimuovere l'animazione di transizione della pagina e vedere se carica la pagina più velocemente. Ciò limiterà se la richiesta di ajax si terrà per sempre o l'animazione stessa. – adam