如何創建一個jQuery鏈接的垂直滑動列表？

在jQueryUI網站上，在下面的address，有一個樣式按鈕與向下的箭頭，可以打開一個菜單（也許最好看一下URL以確保理解...：O ）。如何創建一個jQuery鏈接的垂直滑動列表？

讓我們假設有下面的標記：

<div id="buttonMenu" style="display: none;"> 
    <ul> 
     <li><a href="#1">Menu Item 1</a></li> 
     <li><a href="#2">Menu Item 2</a></li> 
     <li><a href="#3">Menu Item 3</a></li> 
     <li><a href="#4">Menu Item 4</a></li> 
    </ul> 
</div>

有人可以告訴我怎麼可以顯示在div作爲一個菜單時，對箭頭用戶點擊？

在此先感謝您的幫助！

來源

2010-09-12 Lorenzo

你可以編輯問題標題，特別提到你使用的是jQuery UI嗎？ – 2010-09-12 23:56:03

jQueryUI它不需要答案。對於這個問題也沒有。我引用的例子只是一個例子。如果你想回答考慮按鈕作爲一個正常的按鈕... – Lorenzo 2010-09-13 00:44:54

最通用的解決方案將是包裝在沒有填充或保證金的容器劈扣，在容器上設置position: relative再使用這樣的定義就是當你使用.show()會出現菜單：

position: absolute; 
left: 0; 
top: <height of the split button>;

但是，更簡單的解決方案是找到一個允許手動觸發的上下文菜單插件，並設置一個點擊處理程序，該處理程序動態檢索分割按鈕左下角的位置並觸發上下文菜單插件。這樣，如果用戶點擊任何地方以外的地方，就不必重新發明菜單，例如重新隱藏菜單。

來源

2010-09-13 03:11:08 ssokolow

如何創建一個jQuery鏈接的垂直滑動列表？

回答

相關問題