【问题标题】:Drop-down submenus overlap, how do I fix this?下拉子菜单重叠,我该如何解决?
【发布时间】:2026-01-16 00:15:02
【问题描述】:

我使用 Superfish 和 Supersubs 插件渲染了这个菜单:

如您所见,源自父“Long long long submenu item”的子菜单定位不正确。我知道我需要做什么,但不知道如何执行。

首先,我需要知道父菜单的宽度。然后我需要将子菜单的left 属性设置为该宽度+ 5px(我使用填充)+ 1px(这样父菜单和子菜单就不会直接相互连接)。如何对所有菜单项执行此操作?

请记住,菜单的宽度不是固定的,因为 Supersubs 会将宽度调整为最长的项目。

【问题讨论】:

  • 请提供您的一些示例代码 - Superfish 仅使用脚本为 IE 浏览器添加悬停类,其他一切都应在 CSS 中调整。

标签: jquery html css superfish


【解决方案1】:

我很接近...

$("ul#menu > li > ul ul").each(function() {
    $(this).css("left", $(this).parent().parent().width() + 5 + 1);
});

【讨论】: