1
A
回答
0
如果我正確理解你的問題,你可以添加一個類頂級菜單,並排除一切不是: HTML:
<ul class="menu">
<li class="top-level">About Us</li>
<li class="top-level">Our Products</li>
<li class="top-level">FAQs</li>
<li class="top-level">Contact</li>
<li class="top-level">Login</li>
</ul>
的Javascript:
function alignMenuItems(){
var totEltWidth = 0;
var menuWidth = $('ul.menu')[0].offsetWidth;
var availableWidth = 0;
var space = 0;
var elts = $('.menu li.top-level'); //<-
elts.each(function(inx, elt) {
// reset paddding to 0 to get correct offsetwidth
$(elt).css('padding-left', '0px');
$(elt).css('padding-right', '0px');
totEltWidth += elt.offsetWidth;
});
availableWidth = menuWidth - totEltWidth;
space = availableWidth/(elts.length);
elts.each(function(inx, elt) {
$(elt).css('padding-left', (space/2) + 'px');
$(elt).css('padding-right', (space/2) + 'px');
});
}
相關問題
- 1. 如何用數據庫下拉菜單創建導航菜單?
- 2. WordPress的下拉菜單導航菜單
- 3. 導航菜單 - 下拉菜單z-index?
- 4. 具有多個下拉菜單的導航欄:如何幹?
- 5. 如何創建一個下拉菜單?
- 6. 在導航欄下創建一個下拉菜單
- 7. 如何創建帶有下拉菜單自定義導航欄
- 8. 尋找一個下拉導航菜單
- 9. 下拉導航菜單
- 10. jQuery下拉導航菜單
- 11. CSS導航下拉菜單
- 12. materializecss導航下拉菜單
- 13. 下拉式導航菜單
- 14. Sprite導航下拉菜單
- 15. 下拉導航菜單
- 16. 如何設計一個長下拉菜單的垂直菜單?
- 17. 如何做Bootstrap導航下拉菜單?
- 18. 如何添加導航下拉菜單?
- 19. web2py創建下拉菜單layout.html菜單
- 20. 創建一個下拉菜單並顯示主菜單下的子菜單
- 21. 創建一個下拉菜單的JavaScript
- 22. 下拉菜單,與主導航菜單的編碼一致性
- 23. 如何在HTML/PHP中爲導航欄創建下拉菜單?
- 24. 如何用下拉菜單創建垂直導航欄?
- 25. 如何使用HTML5和JQuery創建下拉導航菜單
- 26. 從現有導航欄下拉菜單
- 27. 如何從一個下拉菜單導航到iOS中的下一個下拉菜單?
- 28. 鍵盤導航一年下拉菜單
- 29. 如何用下拉菜單創建這個水平菜單?
- 30. 如何使css下拉菜單中的一個下拉菜單
感謝llia。不幸的是,這並沒有奏效。基本上,代碼將工作,除非你引入像下面的嵌套列表。 '
我不知道如何讓代碼在評論中正確格式化。 – eljefe 2012-04-12 03:50:29
你想達到什麼目的?你想要下拉菜單的主菜單嗎? – 2012-04-12 03:58:11