需要將下拉菜單附加到類型爲「按鈕」的圖標

我在Twitter引導程序容器上有一個圖標。我想點擊它，並顯示包含指向其他網站鏈接的不同選項的下拉菜單。現在，我可以獲取下拉菜單，但它會自動顯示在頁面上，而不會單擊圖標，並且每個鏈接都是相互重疊的。基本上我想要在eclipse中的任何「按鈕」的功能，如「文件，編輯，源代碼，導航...」等，你點擊它，下拉菜單出現。但我需要將它附加到圖標上。這是我試圖失敗的：需要將下拉菜單附加到類型爲「按鈕」的圖標

<a id="myIcon" href="#" class="btn-mini" type="button"><i class="icon-wrench" title="Help" ></i></a> 
    <div id="helpMenu" class="menu"> 
     <a class="menuItem" href="#">Help</a> 
     <a class="menuItem" href="#">Ideas</a> 
     <a class="menuItem" href="#">Issues</a> 
    </div>

我覺得我忽略了一個簡單的解決方案。有什麼建議？

來源

2013-11-20 user2847749

您需要將相應的data-屬性添加到您的標記中，最好將該下拉列表放入列表中。

<div class="dropdown"> 
    <a role="button" data-toggle="dropdown" href="#"><i class="icon-wrench" title="Help" ></i></a> 
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
    <li role="presentation"><a role="menuItem" href="#">Help</a></li> 
    <li role="presentation"><a role="menuItem" href="#">Ideas</a></li> 
    <li role="presentation"><a role="menuItem" href="#">Issues</a></li> 
    </ul> 
</div>

來源

2013-11-20 20:35:24

謝謝！這確實奏效，但是，下拉不會從圖標彈出，而是從容器的左側（圖標位於容器的最右側）彈出，但它的任何想法爲什麼出現在錯誤的位置？ – user2847749

取決於你的風格和標記。的jsfiddle？ –

我完全不熟悉js，jquery，html，css之類的東西，所以我不確定如何在jsfiddle中正確顯示它，我試過了。所以基本上，這一切都取決於我的CSS？ – user2847749

需要將下拉菜單附加到類型爲「按鈕」的圖標

回答

相關問題