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'); 

ここに私のコード全体では、次を変更することができ、あなたのCSSでhttp://jsfiddle.net/rKaPN/30/

Answer 1

です：

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

それはちょうどあなたのように、右にあるドロップダウンを合わせますあなたが記述したそれぞれのループを使用せずに、それをより早く左に持っていました。ただし、左プロパティを定義するだけでループも機能します。

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