jquery mobile中頁面導航的推薦方式

我是jQuery mobile的新手。我想知道在頁面之間導航的最佳做法是什麼。假設我有page1.htmlpage2.html。裏面page1.html我點擊一個鏈接<a href='page1.html'>load</a>jquery mobile中頁面導航的推薦方式

所以在這裏，我想知道，有兩種可能性

要麼只是加載整個page2.html
只加載內部page2.html <div role="main" class="ui-content">

在jqm的背景下推薦哪一個？

來源

2015-05-10 manish

您可以創建在JQuery Mobile Tabs形式的導航條（也創造了JSFiddle）

這將允許你在一個整體的內頁多頁網頁的頂部創建一個固定的頭。它是一個偉大的技術。

實施例從鏈路HTML提供：

<div data-role="tabs" id="tabs"> 
    <div data-role="navbar"> 
    <ul> 
     <li><a href="#one" data-ajax="false">one</a></li> 
     <li><a href="#two" data-ajax="false">two</a></li> 
     <li><a href="ajax-content.html" data-ajax="false">three</a></li> 
    </ul> 
    </div> 
    <div id="one" class="ui-body-d ui-content"> 
    <h1>First tab contents</h1> 
    </div> 
    <div id="two"> 
    <ul data-role="listview" data-inset="true"> 
     <li><a href="#">Acura</a></li> 
     <li><a href="#">Audi</a></li> 
     <li><a href="#">BMW</a></li> 
     <li><a href="#">Cadillac</a></li> 
     <li><a href="#">Ferrari</a></li> 
    </ul> 
    </div> 
</div>

作爲可以識別的特徵和分配它們使用data-role屬性的角色，在這種情況下分配的data-role到div元件充當標籤菜單然後將包裝頁面。

要識別頁面，請使用鏈接到每個頁面的<a>元素，位於選項卡列表中。將ID分配給<div>以充當頁面，您可以將這些鏈接指向標籤式菜單內的內容，以顯示<div>內的內容。

我更喜歡這個選項，但是您可以選擇其他各種選項。

進一步閱讀

數據角色「導航欄」 W3C Navbar
JQuery Mobile Navigation

來源

2015-05-10 14:18:14 BIW

你也可以使用一個面板，大家平時看到的漢堡包菜單代表。您可以點擊該按鈕，並從左側或右側（再次由您決定）彈出菜單（您可以選擇動畫形式）。 ...這裏是他們的文檔演示http://demos.jquerymobile.com/1.3.0-beta.1/docs/panels/

來源

2015-05-17 18:34:14 RubberDucky4444

jquery mobile中頁面導航的推薦方式

回答

相關問題