Jump to content

Erros usando jquery e jquery mobile em webapp para Windows Phone


saramgsilva
 Share

Recommended Posts

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?

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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....

Link to comment
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
 Share

×
×
  • 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.