jquery - jQuery メガメニューの位置合わせ

Question

http://www.osep2.uga.edu/EE/Home

メガメニューのドロップダウンをコンテナの左側に揃えるにはどうすればよいですか? 現時点では、ページ全体に対して左に配置されています。位置を相対に変更すると、ドロップダウンが表示されなくなります。

ありがとう！

Answer 1

そのため、コード内でボックスをコンテナーの内側に配置しても、jkmegamenu は自動的にコンテナーの外側にボックスを強制するように見えます。このようなものを使用することはお勧めしませんが、コードの最後に jQuery を使用して修正を加えることができます。

// Gets your left offset of the container div
var fromLeft = $('#container').offset().left;

// move all menus to this new offset
$('#megamenu1').css('left', fromLeft);
$('#megamenu2').css('left', fromLeft);
$('#megamenu3').css('left', fromLeft);
$('#megamenu4').css('left', fromLeft);
$('#megamenu5').css('left', fromLeft);

これは簡単な修正であることを覚えておいてください。ブラウザの現在のサイズでのみ機能します。変更された場合、オフセットは同じままで、数値をやり直す必要があります。将来の参考のために、私はこのようなもう少し慣習的なことをします