将 CSS 样式应用到 Asp:Menu MenuItem

Question

我本质上是在创建一个垂直面包屑来为移动（iPhone）网站创建网站导航。类似于 http://news.bbc.co.uk/sport1 /hi/football/default.stm 当您单击“英超联赛”时工作

使用 Asp:Menu 控件和 SiteMapDataSource 我仅绑定站点地图中的当前级别链接，然后找到其父级链接以手动插入列表顶部。生成的导航示例如下： 关于， 我们是谁， 我们做什么， 位置

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);
    }

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