多頁文件

jQuery的導航我還是不明白，我應該如何寫我在jQuery Mobile的中等複雜程度的項目頁面，我的意思是......這是我的Hello World頁：多頁文件

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Applicazione Web jQuery Mobile</title> 
<link href="file:///D|/Programmi/Adobe/Adobe Dreamweaver CS5.5/it_IT/Configuration/Third Party Source Code/jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/> 
<script src="file:///D|/Programmi/Adobe/Adobe Dreamweaver CS5.5/it_IT/Configuration/Third Party Source Code/jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script> 
<script src="file:///D|/Programmi/Adobe/Adobe Dreamweaver CS5.5/it_IT/Configuration/Third Party Source Code/jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script> 
</head> 
<body> 

<div data-role="page" id="page"> 
    <div data-role="header"> 
     <h1>Pagina uno</h1> 
    </div> 
    <div data-role="content"> 
     <ul data-role="listview"> 
      <li><a href="#page2">Pagina due</a></li> 
      <li><a href="#page3">Pagina tre</a></li> 
      <li><a href="#page4">Pagina quattro</a></li> 
     </ul>  
    </div> 
    <div data-role="footer"> 
     <h4>Piè di pagina</h4> 
    </div> 
</div> 

<div data-role="page" id="page2"> 
    <div data-role="header"> 
     <h1>Pagina due</h1> 
    </div> 
    <div data-role="content"> 
     Contenuto  
    </div> 
    <div data-role="footer"> 
     <h4>Piè di pagina</h4> 
    </div> 
</div> 

<div data-role="page" id="page3"> 
    <div data-role="header"> 
     <h1>Pagina tre</h1> 
    </div> 
    <div data-role="content"> 
     Contenuto  
    </div> 
    <div data-role="footer"> 
     <h4>Piè di pagina</h4> 
    </div> 
</div> 

<div data-role="page" id="page4"> 
    <div data-role="header"> 
     <h1>Pagina quattro</h1> 
    </div> 
    <div data-role="content"> 
     Contenuto  
    </div> 
    <div data-role="footer"> 
     <h4>Piè di pagina</h4> 
    </div> 
</div> 

</body> 
</html>

不錯，不是嗎？例如，我的第三頁（id =「page3」）將是巨大的。很明顯，我不想將所有頁面寫入單個HTML文件，我寧願有一個「page3.html」文件。

我不想避免好的jQuery手機的ajax導航功能，那麼正確的方法是什麼？

來源

2011-11-22 Fabio B.

，你可以在不同的HTML文件作爲Page3.html作爲

內容有「第三頁」的內容：

<html> 
    <head> 
     <title>...</title>    
      <link rel="stylesheet" href="jquery.mobile-1.0a1.min.css" /> 
      <script src="jquery-1.4.3.min.js"></script> 
      <script src="jquery.mobile-1.0a1.min.js"></script> 

      <script type="text/javascript"> 
       alert('This is Page 3');     
      </script> 

    </head> 
    <body> 
    <div data-role="page" id="page3"> 
    <div data-role="header"> 
     <h1>Pagina tre</h1> 
    </div> 
    <div data-role="content"> 
     Contenuto  
    </div> 
    <div data-role="footer"> 
     <h4>Piè di pagina</h4> 
    </div> 
</div> 
</body> 
</html>

然後在主頁上，你可以有鏈接進行page3.html作爲

<a href="page3.html" data-role="button" rel="external">Load Page 3</a>

來源

2011-11-23 05:06:28

「rel ='external'」究竟做了什麼？如果我刪除它會怎麼樣？ –

你可以閱讀更多關於鏈接頁面上的jquery移動文檔： http://jquerymobile.com/test/docs/pages/page-links.html 如果你想知道導航如何在jquery mobile中工作，然後閱讀http://jquerymobile.com/test/docs/pages/page-navmodel.html 希望這可以幫助 –

我會AJAX在請求時加載內容。這樣，你只需要加載需要的資源。

如果你願意，你一旦文件已加載等等，也可以預加載圖像

來源

2011-11-22 14:17:21 James

所以WHA噸的投票原因？ – James

回答

相關問題