Lógica de paginação em cordova/phonegap usando Jquery Mobile
Olá a todos, estou desenvolvendo um APP MOBILE usando cordova/phonegap com Jquery Mobile, porém estou a 2 dias quebrando a cabeça com a lógica e estruturação de páginas e transições.
em todo lugar eu vejo a mesma coisa:
<body>
<div data-role="page" id="home">
<div role="main" class="ui-content">
<a href="#login" data-transition="slide">FAZER LOGIN</a>
</div>
</div>
<div data-role="page" id="login">
<div role="main" class="ui-content">
<a href="#home" data-transition="slide">Voltar para Home</a>
</div>
</div>
</body>
Só que desta maneira, se o App tiver muitas páginas, ex. 100 páginas, todas as 100 páginas ficariam apenas no index.html?! oque iria dificultar muito o entendimento do código e seria uma home page extremamente pesada...
Se eu organizar as páginas em outro diretório, ex:
/view/ ->
home.html
login.html
cadastro.html
etc.html
e na index.html,
<a href="view/login.html" data-transition="slide">FAZER LOGIN</a>
ficaria aceitável e legível, porém as transições entre uma página e outra fica horrível quando compilado para ADNROID OU IOS), fica horrível porque está chamando outro HTML e não carregando conteúdo da mesma página, ou seja, tem um atraso no carregamento do HTML...
Eu gostaria de uma lógica de paginação onde eu pudesse organizar os arquivos HTML em uma pasta separada (ou algo do tipo) e quando necessário chama-los com uma transições fluidas e não quebradas...
Alguém me da uma luz?Discussão (2)
Carregando comentários...