jquery - SharePoint 2010 的多列全局导航下拉菜单

Question

我想知道是否完全有可能(理想情况下仅使用 CSS 和/或 jQuery)在 SharePoint 2010 中创建多列下拉导航菜单。我在 SharePoint 环境中引用站点地图进行全局导航并拥有一个可延伸超过 20 个链接的菜单。这会导致在低分辨率屏幕上出现问题。我们希望能够将这个长列表包装成两列(理想情况下，在其他菜单项上放置一个容器，如果它们的子链接达到一定数量，则第二列扩展容器并同时创建)。

这可以用 CSS 和/或 jQuery 完成吗？我发现的一些资源提到了自定义导航控件的使用，但我认为这可以更轻松地完成。我找到了 SP2007 的链接 (http://tothepoint.inproc.com/creating-mega-drop-down-navigation-in-sharepoint-2007-with-jquery/)，但我正在寻找更简单的东西.知道如何做到这一点吗？

谢谢。

Answer 1

您可以尝试将以下类添加到您的自定义 css 文件或母版页中。这个解决方案对我们有用。这将为您提供 2 列布局。

.menu UL.dynamic
{
    width:500px !important;
}
.dynamic
{
    display:inline-block;float:left;min-width:250px;
}

对于下面给出的 3 列布局使用类，您可以根据需要调整 width 和 min-width

.menu UL.dynamic
{
    width:600px !important;
}
.dynamic
{
    display:inline-block;float:left;min-width:200px;
}