使用母版页时在导航栏上创建活动链接

时间:2018-03-08 12:33:08

标签: c# asp.net visual-studio nav

我知道网上有很多关于这个话题的问题但是我无法得到任何适用于我的解决方案。我尝试过多种在线建议的方法。我有一个带有导航条形码的母版页,当我在网站的特定页面上时,我希望活动链接以绿色突出显示。我无法弄清楚我做错了什么或者错过了什么来让它发挥作用。我是ASP.Net和C#的新手,所以任何帮助都将不胜感激。

以下是我母版主体标签中的当前代码:

         <script>
             $(document).ready(function () {
            var url = window.location;
            $('.sidebar .nav').find('.active').removeClass('active');
            $('.sidebar .nav li a').each(function () {
            if (this.href == url) {
                $(this).parent().addClass('active');
            }
            });
          });
        </script>

<form id ="form1" runat="server">
 <div class="wrapper">
    <div class="sidebar" data-color="green" data-image="../assets/img/side-navship.jpg">
        <div class="logo">
            <a href="Default.aspx" class="simple-text">
                Speed-E
            </a>
        </div>
        <div class="sidebar-wrapper">
            <ul class="nav">
                <li class="">
                    <a  href="<%= Page.ResolveUrl("~/Default.aspx") %>">
                        <i class="material-icons">dashboard</i>
                        <p>Home</p>
                    </a>
                </li>
                <li class="">
                    <a href="<%= Page.ResolveUrl("~/NewCert.aspx") %>">
                        <i class="material-icons">content_paste</i>
                        <p>New Certificate</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="main-panel">
        <nav class="navbar navbar-transparent navbar-absolute">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"> </a>
                </div>
            </div>
        </nav>
        <div class="content">
            <div class="container-fluid">                        

                <asp:ContentPlaceHolder ID="BodyContent"runat="server">

                </asp:ContentPlaceHolder> 

                </div>                               
                </div>
            </div>
        </div>
    </form>

0 个答案:

没有答案