jQuery Megamenu 位置对齐答案

【问题标题】：jQuery Megamenu position alignmentjQuery Megamenu 位置对齐
【发布时间】：2013-04-10 17:39:39
【问题描述】：

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

如何使 megamenu 下拉菜单与容器的左侧对齐？目前，它们与整个页面左对齐。如果我将位置更改为相对位置，则不再出现下拉菜单。

谢谢！

【问题讨论】：

【解决方案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);

请记住，这是一个简单的修复。它仅适用于浏览器当前大小。如果它发生变化，偏移量保持不变，您将不得不重做数字。为了将来参考，我会做一些更传统的事情，比如this one

【讨论】：

megamenu 嵌套在我的容器 div 中。我真的认为这与 javascript 有更多关系——我对此一无所知。