0

左側または右側のドロップダウンを表示するメガ メニューに取り組んでいます。これまでのところ、offset.left を適切に計算できず、さまざまな解像度で動作します。

だから私は最初と2番目のドロップダウンメニューを右側に表示し、左側に休ませることを考えましたが、ifステートメントでn番目の子要素を機能させる方法がわかりません。

簡単なフィドルの例http://jsfiddle.net/42MfQ/1/

近いショーである私のメガメニューサンプルはここに画像の説明を入力 、メガメニューのこの実際のフィドルサンプルとして表示されますhttp://jsfiddle.net/5eecT/13/

このスクリプトがメニューを適切に表示するように助けていただければ幸いです。

現在、このコードは正しく機能していません

if (($(this).offset().left) + 200 > $('.menu-wrapper').width()) {
    $(this).find(".dropdown").addClass("dropdown-last");
}

このため、上記のコードで計算された自動検出を回避するために、最初に、右側に 2 番目のドロップダウン メニューを表示し、残りの左側にドロップダウン メニューを表示することを考えました。

このコードの書き方がわかりません

   if($( "li:nth-child(1)" ) == true || "li:nth-child(2)" == true ))
   {
     alert('show dd menu on right side of parent menu');  
   }

else { alert('親メニューの左側に dd メニューを表示');
}

4

1 に答える 1