jQuery的/ JavaScript的：下拉框在錯誤的地方

Question

如果我的jquery框較早，我會在該位置獲得幫助，但它不是通用的，我不太了解。 代碼將我的下拉框移動到右側，但是，現在我更改了鏈接位置，該框不再正確對齊。 這是新的代碼：

$('.menu ul li:has("ul")').each(function(){
   var nameWidth = $(this).outerWidth(),
       dropdownWidth = $(this).find('ul').width(),
       change = (dropdownWidth - nameWidth) - 10;
    $(this).find('ul').css('left', change+'px');

這是我的整個代碼http://jsfiddle.net/rKaPN/30/

Answer 1

在您的CSS中，您可以更改以下內容：

.menu ul li ul{
   position:absolute;
   right: 0px;  // Add this  
   // Rest of your css
}

它將使下拉列表與右側對齊，就像您早先在左側將其對齊一樣，而無需使用您描述的每個循環。 但是，當您僅定義left屬性時，循環也可以使用：

.menu ul li ul{
    position:absolute;
    left: 0px;  // Add this  
    // Rest of your css
}