我剛開始關注jquerymobile，使用jquery.mobile-1.0a1完成簡單的樣本。jquerymobile：導航不能與jquery.mobile-1.0a2一起使用

我有home.html，auboutus.html頁面。在主頁上，我有一個listview和一個關於aboutus.html的外部鏈接。它工作正常，通過點擊關於我們的鏈接，關於我們頁面正在用「後退」按鈕加載頭部導航欄。

現在通過使用jquery.mobile-1.0a2，在我們的頁面中，標題導航欄消失了。

這裏是我的示例代碼：

home.html的

<!DOCTYPE html> 
<html> 
<head> 
<title>Home</title> 
<link rel="stylesheet" href="jquery-mobile/jquery.mobile-1.0a2.min.css" /> 
<script src="jquery-mobile/jquery-1.4.4.min.js"></script> 
<script src="jquery-mobile/jquery.mobile-1.0a2.min.js"></script> 
</head> 
<body> 
<div data-role="page"> 
<div data-role="header" data-theme="b"> 
        <h1>Home</h1> 
</div> 
<div data-role="content"> 
    <div id="banner"> 
     <h2></h2> 
    </div> 
    <ul data-role="listview"> 
     <li><a href="aboutus.html" >About Us</a> 
    </li></ul> 
</div><!-- /content --> 
</div><!-- /page --> 
</body> 
</html>

aboutus.html

<!DOCTYPE html> 
<html> 
<head> 
<title>Home</title> 
<link rel="stylesheet" href="jquery-mobile/jquery.mobile-1.0a2.min.css" /> 
<script src="jquery-mobile/jquery-1.4.4.min.js"></script> 
<script src="jquery-mobile/jquery.mobile-1.0a2.min.js"></script> 
</head> 
<body> 
<div data-role="page"> 
<div data-role="header" data-theme="b"> 
    <h1>About Us</h1> 
</div> 
<div data-role="content"> 
    <div id="banner"> 
     <h2>About Us</h2> 
    </div> 
<p>about us about us about us about us </p> 
</div><!-- /content --> 
</div><!-- /page --> 
</body> 
</html>

來源

2011-09-09 Venkat Papana

阿爾法1？我會建議更新新版本beta 3 –

你應該考慮使用網頁設計jQuery Mobile的喜歡。你可以在這裏找到它，你不需要定義不同的.html文件，你可以簡單地添加多個'頁面'與不同的ID到一個HTML文件。引用很簡單。看看這個鏈接：http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.html#../../docs/pages/docs-pages.html

爲了您的鏈接，如果你想引用外部，試試這個：<a href="multipage.html" rel="external">Link</a>

來源

2011-09-09 07:04:06 zyrex

您好@zyrex，rel =「external」正在爲我工作，但我沒有自動「返回」按鈕在標題工具欄aboutus.html –

檢查此鏈接並搜索後退按鈕..它的書面如何添加它。 http://jquerymobile.com/test/docs/toolbars/docs-headers.html並且不要忘記接受我的答案，正確或有用，如果它幫助你。謝謝 – zyrex

謝謝@zyrex，我可以在標題工具欄上定義「返回」按鈕。但是導航中沒有平滑過渡。 –

jquerymobile：導航不能與jquery.mobile-1.0a2一起使用

home.html的

aboutus.html

回答

相關問題