jquery/javascript:間違った場所にドロップダウンボックス

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

Here's my entire code http://jsfiddle.net/rKaPN/30/

0

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
}
1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript