我使用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;
和我的js
< 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;
非常感谢提前。