C# .NET 网站 - 向菜单元素添加 CSS 类

tri*_*ock 5 .net css c# master-pages menu

我已经使用 PHP 7 年左右了,但截至今天,我已经开始在项目中使用 .NET。仅用于网站:

本项目特点:

.NET4 视图状态 = 假

现在我的问题是这个。主要布局被母版页覆盖,这似乎很明显它是如何工作的。它还包括导航菜单选项,例如:

<div id="menu">
    <ul>
        <li><a href="default.aspx" title="Home" >Home</a></li>
        <li><a href="products.aspx" title="Products">Products</a></li>
        <li><a href="prices.aspx" title="Size &amp; Price">Size &amp; Price</a></li>
        <li><a href="formats.aspx" title="File Formats">File Formats</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

现在我想做的是根据我所在的页面添加一个 CSS 类属性,所以如果我在产品页面上,我会得到以下来源:

<div id="menu">
    <ul>
        <li><a href="default.aspx" title="Home" >Home</a></li>
        <li><a href="products.aspx" class="active" title="Products">Products</a></li>
        <li><a href="prices.aspx" title="Size &amp; Price">Size &amp; Price</a></li>
        <li><a href="formats.aspx" title="File Formats">File Formats</a></li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激!

干杯:)

mik*_*key 4

有很多方法可以做到这一点,一种方法是将脚本添加到“从属”页面,以设置适当标签的类。

<li><a href="default.aspx" title="Home" id="aHome" >Home</a></li>
<li><a href="products.aspx" title="Products" id="aProducts">Products</a></li>
Run Code Online (Sandbox Code Playgroud)

然后在 products.aspx 中你可以执行以下操作:

<SCRIPT>document.getElementById('aProducts').setAttribute('class', 'active');</SCRIPT>
Run Code Online (Sandbox Code Playgroud)