jquery mobile page Problemy z kontenerem

Question

May 08, 2012, 05:50 PM

jquery mobile page Problemy z kontenerem

Jeśli poprawnie czytam dokumentację dotyczącą:http://jquerymobile.com/demos/1.1.0/docs/api/methods.html

Używanie funkcji pageContainer i roli powinno zastąpić zawartość jednej strony na mojej bieżącej stronie, na przykład tak, jakby był szablonem, w którym nagłówek i stopka są przechowywane, ale tylko zawartość jest zmieniana.

Próbuję zrobić prosty przykład, aby zrozumieć, jak to działa, ale mam piekielny czas.

Oto mój super prosty przykład.

<code><!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>
</code>

I to jest strona 2

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

Kiedy to się ładuje, zamiast zastępować „Strona 1” dla „Strona 2”, otrzymuję przekierowanie na nową pustą stronę. Wszelkie wskazówki dotyczące tego, co robię źle, zostaną docenione.