我需要動態調整我的下拉菜單主導航欄,因此將調整以適應導航菜單項名稱的字符長度不同不進行重置導航元素的寬度。下面是我到目前爲止的代碼:jQuery的基於總寬度李
$(document).ready(function(){
var wNav = $("#navigation").outerWidth();
var wLiTotal = 0;
$("#navigation>ul>li").each(function(){
wLiTotal += $(this).outerWidth();
if((wLiTotal > wNav)||(wLiTotal < wNav)){
wNav = wLiTotal +3;
};
});
});
的問題是,即使我得到的所有李時珍的總寬度,由於某種原因,它不會重置wNav到寬,我不知道爲什麼。預先感謝您的幫助。
不應該有一個'$( 「#導航」)寬度(wNav);'後的各?我認爲outerWidth()只是一個「getter」函數。 – Jens 2012-07-31 22:19:51
有趣的是,儘管文檔*要求*'那.outerWidth()'和'.outerHeight()'只是* *干將,你其實可以通過指定一個號碼,而不是一個布爾值的設置這些。我還沒有嘗試過很多,但'outerHeight'肯定適用於內部有很多元素的大型頁面容器。 – ClarkeyBoy 2012-07-31 22:41:53
我的錯誤 - 它的jQuery UI也允許你將它們用作setter。 JS小提琴:http://jsfiddle.net/6tX9u/2/。 – ClarkeyBoy 2012-07-31 22:58:55