javascript - jQuery/JavaScript : drop down box in wrong place

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
}