asp.net - 将 Css 样式应用于 Asp :Menu MenuItem

Question

我实际上是在创建一个垂直面包屑导航来为移动 (iphone) 网站创建一个网站导航。可能类似于 http://news.bbc.co.uk/sport1/hi/football/default.stm当你点击“英超联赛”时工作

使用 Asp:Menu 控件和 SiteMapDataSource，我只绑定(bind)站点地图中的当前级别链接，然后找到它们的父级以手动插入到列表顶部。结果导航的一个例子是:关于，我们是谁，我们所做的，地点

var mi = new MenuItem();
mi.NavigateUrl = node.Url;
mi.Text = node.Title;
mi.ToolTip = node.Description;

MobileMenu.Items.AddAt(0, mi);

这一切都很好，而且工作得很好。但是，这个动态插入的顶部 MenuItem 需要以不同的背景颜色设置样式。在上面的示例中，“关于”的背景颜色比它下面的 3 个元素更深。

但是 MenuItem 上没有任何明显的属性可以做到这一点。

如何在插入位置 0 的 MenuItem 上动态设置样式？

Answer 1

为了回答这个问题，我使用 jQuery li:nth-child() 方法为 li 设置一个类，然后我使用 Page.ClientScript.RegisterStartupScript()。

private const string HighlightScript =
        "<script language=\"javascript\">\n" +
        "$(\"ul.top li:nth-child(4)\").addClass(\"menu-Fourth\");" +
        "</script>";

public void AddHighlightScript(string script, string name)
    {
        Page.ClientScript.RegisterStartupScript(GetType(), name, script);
    }

如果其他人有解决方案，请分享。