Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

IIbarboza

Visualização do JQuery Mobile

Recommended Posts

Olá a todos,

 

Sou iniciante em JQuery, montei uma pagina com JQuery Mobile que só está sendo visualizado corretamente no sistema Android. No sistema operacional IOS do IPHONE e no Simbyan da Nokia não funciona, o que faço?

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
     <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
     <meta http-equiv="content-language" content="pt-br">
   <title>Versão para Celulares</title>
   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
   <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
   <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
   <script type="text/javascript" src="jquerytranslate.js"></script>
</head>
<body>
<div data-role="page">
   <div  style="background: -moz-linear-gradient(top, #052b2f 0%, #0a5a62 93%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#052b2f), color-stop(93%,#0a5a62)); ">
       <br /><img src="logo.png"  border="0">
   </div><!-- /header -->
     <div data-role="navbar" data-theme="b" >
       <ul>
 <li><a href="http://ultimosegundo.ig.com.br">Vagas</a></li>
				<li><a href="">Trocas</a></li>
				<li><a href="">Contato</a></li>
				<li><a href="">Cadastro</a></li>
				<li><a href="">Eventos</a></li>
				<li><a href="">F.A.Q</a></li>
			</ul>
     </div>

   <div data-role="content" data-theme="b">
        <ul data-role="listview" data-theme="c" data-dividertheme="d">
       <li data-role="list-divider" ><font color="#006C6C" size="3pt">Lista</font></li>
	<li><a href="http://acheiplantoes.com.br/laccess.php" data-transition="slide"><h3>UBDS Santa Helena domingos novoma mdmamfmdsamf mdmsamfmdsmaf</h3>
       <p><b>Jaboticabal / SP    Período: Noite<br />Data: <font color="#800000">01/01/2013</font></b></p></a></li>
    <li><a href="http://acheiplantoes.com.br/laccess.php" data-transition="slide"><h3>UBDS Santa Helena</h3>
       <p><b>Jaboticabal / SP <br />Data: <font color="#800000">01/01/2013</font></b></p></a></li>
    	<li><a href="http://acheiplantoes.com.br/laccess.php" data-transition="slide"><h3>UBDS Santa Helena</h3>
       <p><b>Jaboticabal / SP <br />Data: <font color="#800000">01/01/2013</font></b></p></a></li>
    	<li><a href="http://acheiplantoes.com.br/laccess.php" data-transition="slide"><h3>UBDS Santa Helena</h3>
       <p><b>Jaboticabal / SP <br />Data: <font color="#800000">01/01/2013</font></b></p></a></li>
       </ul>
   </div><!-- /content -->
   <div  style="background: -moz-linear-gradient(top, #052b2f 0%, #0a5a62 93%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#052b2f), color-stop(93%,#0a5a62));">
   <font color="#FFFFFF" size="1pt"> <a href="">Vagas Disponíveis</a> | <a href="">Trocas</a> | <a href="">F.A.Q</a></font>
   <br /><div align="right"><font color="#FFFFFF" size="1pt">Todos os direitos reservados  </font><br /><br />
        </div></div><!-- /footer -->
</div><!-- /page -->

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

O Jquery Mobile segue o princípio de melhoria progressiva, ou seja, navegadores mais novos com suporte completo a HTML5 e CSS3 exibem o conteúdo certinho com tudo que você escolheu, entretanto navegadores antigos mostram o conteúdo de uma forma feia, mas não deixa de mostrar.

Eu expliquei isso certinho no meu post sobre introdução ao jquery aqui

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.