Phonegap＆jQuery Mobile，如何更改內容的html而不是頁面？

我正在使用靜態頁腳和頁眉。我使用javascript設置了這些內容。他們是動態的。Phonegap＆jQuery Mobile，如何更改內容的html而不是頁面？

<body> 
    <div data-role="page" id="page"> 

     <div data-role="header"> 
      <h1>App name</h1> 
     </div><!-- /header --> 

     <div data-role="content" id="content"> 
      <p>Loading...</p> 
     </div><!-- /content --> 

     <div data-role="footer" data-position="fixed"> 
      <div data-role="navbar"> 
       <ul> 
        <li><a href="#" id="menu1">Menu1</a></li> 
        <li><a href="#" id="menu2">Menu2</a></li> 
        <li><a href="#" id="menu3">Menu3</a></li> 
       </ul> 
      </div> 
     </div><!-- /footer --> 
    </div><!-- /page --> 
</body>

我捉對菜單項的單擊事件，我開始了使用$("#page").live('pageinit', mainMenu);

然後我想用改變$("#content") HTML如下：

$.mobile.changePage("main-menu.html", { transition: "slideup" });

然而，這改變整個頁面。如何將其設置爲僅更改#content的內容？

來源

2012-02-09 bartolsthoorn

我能明顯使用'$（ '＃內容'）的負載（ '主menu.html'）;'但這是繞過jQuery的移動和失去使用他們的轉換的能力！ – bartolsthoorn 2012-02-09 12:19:09

JQM本身不支持它只替換#content html。

但是，可以推出自己的系統，基本上可以編寫自己的加載內容的函數。

$('#content').load('main-menu.html');

你將不得不使用我在這裏描述的結構：Creating templated/persistant header/footer template in jQuery Mobile and PhoneGap

來源

2012-02-14 12:23:30 bartolsthoorn

Phonegap＆jQuery Mobile，如何更改內容的html而不是頁面？

回答

相關問題