JQuery mobile multi-page

Lors de l'exécution du code suivant, firefox 17.0.5 donne un "message de chargement d'erreur", lorsque je veux ouvrir la page de voiture. Mais cela fonctionne correctement dans IE8.JQuery mobile multi-page

Puis j'ai trouvé un exemple ici http://jquerymobile.com/demos/1.0/docs/pages/multipage-template.html J'ai ouvert ce site Web avec firefox 17.0.5, fonctionne. Ensuite, j'ai vu le code source, presque la même structure que le mien. Mais quand je télécharge le html et l'exécute, ni IE8 ni FF ne fonctionne. Quel est le problème ici? Je suis lié à jQuery moible d'un autre projet, je ne sais rien du développement web. S'il vous plaît aider. :(

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script> 
</head> 
<body> 
    <!-- Start of first page --> 

    <div data-role="page" id="menu"> 
     <div data-role="header"> 
      <h1>Menu</h1> 
     </div><!-- /header --> 

     <div data-role="content"> 
      <p>What vehicles do you like?</p> 
      <p><a href="#one">Cars</a></p> 
      <p><a href="#two">Trains</a></p> 
      <p><a href="#three">Planes</a></p> 
     </div><!-- /content --> 

     <div data-role="footer"> 
      <h4>Page Footer</h4> 
     </div><!-- /header --> 
    </div><!-- /page --> 

    <!--/Page 2 --> 

    <div data-role="page" id="one"> 
     <div data-role="header"> 
      <h1>Cars</h1> 
     </div><!-- /header --> 

     <div data-role="content"> 
      <p>Content about cars</p> 
     </div><!-- /content --> 
     <div data-role="footer"> 
      <h4>Cars</h4> 
     </div><!-- /header --> 
    </div><!-- /page --> 
</body> 

</html>

Source

2013-04-30 Tiina

Avez-vous une erreur sur la console firebug? – dreamweiver

@dreamweiver Salut, j'ai googlé comment utiliser firebug, c'est un outil puissant merci pour le conseil. Cependant, je lance le html collé dans FF, firebug-> console-> erreurs, c'est vide. – Tiina

: Ici, vérifiez cela, je sens son fonctionnement.http: //jsfiddle.net/dreamweiver/mhN4X/ – dreamweiver

J'ai eu le même problème, et je trouve que le problème utilise le protocole file://, vous ne pouvez pas travailler avec jquerymobile avec le protocole file:// il doit être une adresse Web Après avoir déménagé mon. projet à mon serveur local, avec le protocole http:// il a travaillé immédiatement

Source:. http://doeswhat.com/2011/03/08/jquery-mobile-error-loading-page/

EDIT:
Dans votre cas, en évitant les espaces dans l'adresse URL résout votre problème

Source

2013-04-30 12:58:15 Ouadie

Merci! ça pourrait être une raison. Mais le problème que j'ai rencontré est à cause de l'espace! FF n'a pas pu décoder l'espace dans l'adresse je pense, IE8 le décode comme un% 20. Maintenant, je l'ai essayé avec un autre dossier sans espace, ça marche. "Pas d'espace dans l'adresse" pourrait être un sens commun pour les développeurs web, et je vais le penser à partir de maintenant: D – Tiina

Je déteste les espaces: p – Ouadie

JQuery mobile multi-page

Répondre

Questions connexes