Jump to content
saramgsilva

Erros usando jquery e jquery mobile em webapp para Windows Phone

Recommended Posts

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:

1_1.png

1_2.png

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

2_1.png

2_2.png

Alguém sabe porque isto acontece?

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites
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 by saramgsilva

Share this post


Link to post
Share on other sites
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....

Share this post


Link to post
Share on other sites
bioshock

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

Sem_T_tulo.png

Sem_T_tulo.png

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.