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
}