如何使用asp.net在下拉菜单导航栏中添加活动类?

时间:2016-07-02 07:43:45

标签: javascript jquery html css asp.net

我使用asp.net而我想要做的是当选择下拉列表的某个内容时,下拉按钮(.dropbtn)将突出显示。

这是我母版页中的代码:



<div class="collapse navbar-collapse navbar-right">
  <ul class="nav navbar-nav">
    <li class="scroll active"><a href="<%= Page.ResolveUrl(" ~/index.aspx ") %>">Home</a>
    </li>
    <li class="scroll"><a href="<%= Page.ResolveUrl(" ~/history.aspx ") %>">History</a>
    </li>
    <li class="scroll dropdown">
      <a class="dropbtn" id="dropwebprog" href="<%= Page.ResolveUrl(" ~/mainspecies.aspx ") %>">Species</a>
      <div class="dropdown-content" style="padding:0px;">
        <a href="<%= Page.ResolveUrl(" ~/Species/1.aspx ") %>">1</a>
        <a href="<%= Page.ResolveUrl(" ~/Species/2.aspx ") %>">2s</a>
        <a href="<%= Page.ResolveUrl(" ~/Species/3.aspx ") %>">3</a>
        <a href="<%= Page.ResolveUrl(" ~/Species/4.aspx ") %>">4</a>
      </div>
    </li>
  </ul>
</div>
&#13;
&#13;
&#13;

和我的js

&#13;
&#13;
< script type = "text/javascript" >
  $(document).ready(function() {
    var url = window.location.pathname;
    var substr = url.split('/');
    var urlaspx = substr[substr.length - 1];
    $('.nav').find('.active').removeClass('active');
    $('.nav li a').each(function() {
       if (this.href.indexOf(urlaspx) >= 0) {
         $(this).parent().addClass('active');
       }
    });
  });
< /script>
&#13;
&#13;
&#13;

非常感谢提前。

0 个答案:

没有答案