2013-05-30 53 views
0

我在標題中有一個圖標。點擊圖標時,我想顯示一個下拉菜單。當單擊下拉菜單中的某個元素時,會觸發該操作,但該圖標不應被所選元素替換。換句話說,不管從列表中選擇什麼,總是顯示圖標。在jQuery Mobile中是否有內置的功能或者其他方式來實現?jQuery Mobile:如何在點擊圖標時創建下拉菜單?

回答

0

有按鈕的HREF指彈出div的ID:

<a href="#menu" data-role="button" data-rel="popup">Menu</a> 

然後創建一個包含清單的彈出DIV:

<div id="menu" data-role="popup"> 
    <ul data-role="listview" data-inset="true"> 
     <li><a href="whatever">selection 1</a></li> 
     <li><a href="whatever">selection 2</a></li> 
    </ul> 
</div> 
+0

這看起來是個好主意,但有一個簡單的方法來控制彈出div的位置?默認情況下,它將彈出右邊的按鈕放置在按鈕的頂部,並根據「data-position-to」屬性動態添加內聯樣式。你知道是否有辦法有效地設計它?我可以給'#popupMenu-popup'添加一個樣式,但是如果我在同一個頁面中有多個彈出窗口,則會產生相互衝突的結果。有什麼想法嗎? – user1448031

+0

您可以使用數據主題元素對其進行設置,就像其他任何小部件一樣。不知道你的意思超出了這一點。定位選項詳細[這裏](http://jquerymobile.com/demos/1.2.0-alpha.1/docs/pages/popup/)。 –