Comment utiliser jQuery Mobile pour accéder à une autre page?

Cela peut sembler une question stupide au début, mais je ne peux pas sembler obtenir jQuery pour charger une autre page - quand j'inclure un lien:Comment utiliser jQuery Mobile pour accéder à une autre page?

<a href="test.html" data-pop >Go to the test page</a>

L'adresse (en supposant que nous venons de l'indice. html) acquiert simplement # test.html, ce qui signifie la fin de mon discours finit par ressembler à ceci:

html/index.html#test.html

ma question est, comment puis-je le charger une autre page? Voici mon code source:

<!DOCTYPE html> 
<html> 
    <head> 
     <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> 

     <title>Test</title> 
    </head> 
    <body> 
     <div data-role="page"> 
      <div data-role="header"></div> 
      <div data-role="content"> 
       <p>This is a test</p> 
       <a href="test.html" data-pop >Go to the test page</a> 
      </div> 
      <div data-role="footer"></div> 
     </div> 
    </body> 
</html>

Source

2010-11-13 Elliot Bonneville

Votre réponse est documentée here. Ce script compris entre jquery et mobile jquery travaillé:

$(document).bind("mobileinit", function() { 
    $.mobile.ajaxLinksEnabled = false; 
});

Gardez à l'esprit que cela ne fonctionne pas pour 1.0a1 mobile jquery, mais il fonctionne avec 1.0a2.

index.html Alors tout ressemblerait à ceci:

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" /> 
     <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> 
     <script type="text/javascript"> 
      $(document).bind("mobileinit", function() { 
       $.mobile.ajaxLinksEnabled = false; 
      }); 
     </script> 
     <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script> 

     <title>Test</title> 
    </head> 
    <body> 
     <div data-role="page"> 
      <div data-role="header"></div> 
      <div data-role="content"> 
       <p>This is a test</p> 
       <a href="test.html" data-pop >Go to the test page</a> 
      </div> 
      <div data-role="footer"></div> 
     </div> 
    </body> 
</html>

Source

2010-11-13 18:10:53

Je viens juste de commencer dans jQuery ... où je mettrais cela et comment serait le style je le? Serait-il imbriqué dans les balises ' entre les balises de script actuelles. N'oubliez pas de changer la version mobile de jquery utilisée ou cela ne fonctionnera pas. –

Je viens de recevoir jQuery mobile hier, donc ça devrait aller. Merci! –

Comment utiliser jQuery Mobile pour accéder à une autre page?

Répondre

Questions connexes