Erros usando jquery e jquery mobile em webapp para Windows Phone

[saramgsilva]

Estou com um problema numa webapp para windows phone 8.0 (que corre em WP8.0 e WP8.1) e a página index usa:

<link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />

<script src="js/jquery-1.11.1.min.js"></script>

<script src="js/jquery.mobile-1.4.2.min.js"></script>

O código fonte pode ser encontrado aqui: https://www.dropbox.com/s/mwv9m9bgguv9dw9/Demo_Forum.zip

(inclui pasta do codigo htlm/css/js, pasta da webapp para WP e um website para debug no simulador)

podem ver a demo no site usando este url: http://tofas-test.azurewebsites.net/

Notas:

Este problema não acontece em ios, android.... mas numa webapp em WP ou no IE o problema aparece....no simulador tb dá para replicar os erros

1º Erro: o cabeçalho desaparece:

2º problema: não consigo abrir o painel depois de navegar para a página "next page"

Alguém sabe porque isto acontece?

[bioshock]

Experimentei a versão demo tanto no Chrome como no Internet Explorer (pela via do computador) e não consegui replicar nenhum erro dos que referiste, funcionou tudo bem.

A única coisa que vi defeituosa (acredito eu) são as scrollbars a mais na tua página. Tens uma scrollbar no header e no left-side-panel. Para aparecer uma scrollbar no header, basta que abras e feches o left-side-panel. Isto que acabei de referir também se aplica à versão mobile. Como deverás saber, basta-te, caso assim o queiras, aplicar o overflow: hidden;

http://quirktools.com/screenfly/#u=http%3A//tofas-test.azurewebsites.net/&w=320&h=533&a=36

[saramgsilva]

pois eu sei que o erro n acontece no ie de desktop e tb nao aparece no chrome, nem no firefox.....o problema é mesmo no WP.... onde devo colocar o overflow: hidden;??

não fui eu que construi o código, eu só tenho que por a funcionar no wp e não sei como...tenho poucos conhecimentos de js e css

Na app real o panel esquerdo tem várias opções e por isso precisa de scroll....no header n reparei e tb n consegui replicar.

Edited May 28, 2014 at 07:05 PM by saramgsilva

[saramgsilva]

Fiz o teste:

<div data-role="page" id="dashboard" class="snap-content mainsh" data-display="overlay" >
    <div data-role="header" class="header" data-position="fixed" data-tap-toggle="false" style="overflow:hidden">
	    <a href="#left-panel" class="drawer-button ui-btn-left"></a>
	    <h1 class="logo_safari">Dashboard</h1>
    </div>

e não funcionou....

[bioshock]

Para replicares o erro da scrollbar no header basta que cliques duas vezes no icon que abre o left-panel.

Quanto ao windows phone não te posso ajudar porque nunca trabalhei com um. 😕

[saramgsilva]

vou reportar como bug no github do jquery mobile.... obrigada na mesma!