jquery mobile pageContainer questions

Si je lis correctement la documentation sur: http://jquerymobile.com/demos/1.1.0/docs/api/methods.html

À l'aide de pageContainer et le rôle doit remplacer le contenu d'une page dans ma page en cours, par exemple, comme si c'était un modèle où l'en-tête et pied de page sont conservés, mais seulement le contenu est modifié.

Je suis en train de faire un exemple simple pour comprendre comment cela fonctionne, mais je vais avoir un sacré bout de temps.

Voici mon super simple exemple.

<!DOCTYPE html>
<html>
  <head>
  <title></title>

  <link rel="stylesheet" href="static/css/jquery.mobile-1.1.0.min.css" type="text/css" />   
  <script type="text/javascript" charset="utf-8" src="static/js/jquery-1.7.1.min.js"></script>        
  <script type="text/javascript" charset="utf-8" src="static/js/jquery.mobile-1.1.0.min.js"></script>
  <script type="text/javascript">

    $(document).ready(function(){
        $.mobile.changePage('page2.html',{
            'pageContainer': $('#content_container'),
            'role':'content'
        });
    });

  </script>
  </head>
  <body >
      <div data-role="page">
          <div data-theme="a" data-role="header">
              <div data-role="navbar" data-iconpos="top">
                  My Header
              </div>
          </div>
          <div id='content_container' data-role="content">
              <p>Page 1 </p>
          </div>
          <div data-theme="a" data-role="footer">
              My Footer
          </div>
      </div>                 
  </body>
</html>

Et c'est la page 2

<html>
    <body>
        <div data-role="page">
            <p>Page 2</p>
        </div>
    </body>
</html>

Lorsque cette charge, au lieu de remplacer "Page 1" pour la "Page 2" - je obtenir redirigé vers une nouvelle page vide. Tous les pointeurs à ce que je fais de mal serait appréciée.

OriginalL'auteur Juan Carlos Moreno | 2012-05-08