0
所以基本上這是我在使用jQuery和jqtouch（見我的其他問題）iPad應用程序需要
我現在想知道我怎麼可以拆分一應俱全jqtouch主題的應用程序創建iPad應用程序第2次嘗試iPhone使用一個窗口 - 進入2個窗口。所以它更適合ipad
因此，當用戶訪問該頁面時，導航將在左側，我將有一個主窗口。
當用戶點擊左側的導航鏈接時，div信息出現在右側的主窗口中，轉換動畫只發生在主窗口中，導航保持不變。
到目前爲止，所有的菜單鏈接顯示在頁面上，當菜單鏈接被點擊時，mennu鏈接向左滑動顯示選定的鏈接。
我希望菜單鏈接在左側，當菜單鏈接被點擊時，選擇的鏈接出現在右側的窗口中，帶有漂亮的過渡動畫。
誰可以幫我??????請？
任何答覆將不勝感激。
林不知道，如果鏈路允許的，但我想使它看起來像這樣：
http://en.myfreeweb.ru/designing-an-ipad-web-application-with-jqtouc
怎麼看起來這麼遠：
我jQtouch網站 @import「jqtouch.css」; @import「theme.css」;
<script type="text/javascript" charset="utf-8">
var jQT = new $.jQTouch({
icon: 'jqtouch.png',
addGlossToIcon: false,
startupScreen: 'jqt_startup.png',
statusBar: 'black'
});
</script>
</head>
<body>
<div id="page1">
<div class="toolbar">
<h1>CISM Diary App</h1>
</div>
<ul class="edgetoedge">
<li><a class="pop" href="#page2">Latest News</a></li>
<li><a href="#page3">Important Uploads</a></li>
<li><a href="#page4">Personal Details</a></li>
<li><a href="#page5">Timetable</a></li>
<li><a href="#page6">Tasks</a></li>
<li><a href="#page7">Staff Lookup</a></li>
<li><a href="#page8">University Information</a></li>
</ul>
</div>
<div id="page2">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>Latest News</h1>
</div>
<div class="info">
Hello this is page one huiphguipghuipbuytbouybtouokhjpoinugbougnouygnou
</div>
</div>
<div id="page3">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>Important Uploads</h1>
</div>
<div class="info">
Hello this is page two
</div>
</div>
<div id="page4">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>Personal Details</h1>
</div>
<div class="info">
Hello this is page three
</div>
</div>
<div id="page5">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>Timetable</h1>
</div>
<div class="info">
Hello this is page th
</div>
</div>
<div id="page6">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>Tasks</h1>
</div>
<div class="info">
Hello this is page three
</div>
</div>
<div id="page7">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>Staff Lookup</h1>
</div>
<div class="info">
Hello this is page three
</div>
</div>
<div id="page8">
<div class="toolbar">
<a href="#" class="back">back</a>
<h1>University Information</h1>
</div>
<div class="info">
Hello this is page three
</div>
</div>
</body>