2013-12-13 43 views
0

我已經使用下面的鏈接Jquery的移動導航巴到側杆

http://jquerymobile.com/demos/1.2.1/docs/toolbars/docs-navbar.html

現在導航欄總是水平放置創建了一個簡單粘導航欄。我想讓導航欄垂直放置。有沒有一個簡單的方法來做到這一點。我不想使用額外的插件。一個簡單的CSS或jQuery代碼來定位導航欄,如列表圖標視圖。

我想實現導航欄在這個環節

https://www.paultrifa.com/~enabled1/envato/themeforest/side/blue/preview/

問候,

麥克萊恩莫里斯·平託

+0

你爲什麼不只是使用列表視圖? – coderek

+0

因爲我想使用jQuery Mobile的默認圖標視圖,可以使用導航欄 –

+0

,您始終可以使用這些圖標,而不管您是否使用導航欄。 http://jquerymobile.com/demos/1.2.1/docs/buttons/buttons-icons.html – coderek

回答

1
<div data-role="page"> 

    <div data-role="header"> 
    <h1>Page Title</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
    <p>Page content goes here.</p>  

    <fieldset data-role="controlgroup"> 
     <a data-icon="grid" data-role="button" href="#">abc</a> 
     <a data-icon="star" data-role="button" href="#">abc</a> 
     <a data-icon="gear" data-role="button" href="#">abc</a> 
    </fieldset> 
    </div><!-- /content --> 

    <div data-role="footer"> 
    <h4>Page Footer</h4> 
    </div><!-- /footer --> 
</div><!-- /page -->