Javascript SharePoint 2010顶级导航？

我在Shrepoint 2010的ootb（开箱即用）顶部导航中使用了CSS样式。不过，我还想为ech导航手册添加图标（.png图像）。因此，例如，对于家庭，我希望在它旁边有一个图标，对于我们，在它旁边还有另一个图标，等等，对于实践、行业、我们的活动、我们的人员、出版物和为我们工作

SharePoint 2010基本上通过使用asp控件构建顶部导航。我可以在firebug（Firefox）和开发者工具（IE）中看到主页面上顶部导航hwoever的HTML，这是不可见的

在顶部导航项中添加图标的最佳方式是什么

---

提前感谢

如果要自定义菜单的这一部分，恐怕您需要构建自己的asp.net控件。OOTB您只能更改CSS并（有限地）控制显示的内容。如果希望SharePoint UI保持控制，可以使用相同的数据源。

我正在处理的网站也有同样的问题。我想在每个主菜单项中添加单独的图标，但没有办法将它们作为目标

为了在不创建自定义控件的情况下解决这个问题，我使用jQuery添加了一个基于菜单项数量递增的类，然后使用这个类在CSS中应用样式

$("a.menu-item").each(function(i) {
    $(this).addClass("nav-" + (i+1));
});

---

希望这对你有帮助

是否可以使用jquery为每个菜单元素设置一个ID，并将CSS（包含背景图像/徽标）应用于jquery设置的每个ID？我认为这可能比重建控制系统更容易，但事实并非如此。您将遇到的问题是SharePoint提供的id基于导航的当前用户视图。这将改变（正如您设置的任何id一样）。这将是大量的工作，但是您可以基于链接内容在jQuery中完成这项工作。不过，要做的工作比重建控件还多。