Html 在ASP.NET MVC网站中使用引导导航栏
我想在新的ASP.Net MVC项目中使用Bootstrap,正如您所知,Navbar的结构如下:Html 在ASP.NET MVC网站中使用引导导航栏,html,asp.net-mvc-3,twitter-bootstrap,navbar,Html,Asp.net Mvc 3,Twitter Bootstrap,Navbar,我想在新的ASP.Net MVC项目中使用Bootstrap,正如您所知,Navbar的结构如下: <div class="navbar"> <div class="navbar-inner"> <a class="brand" href="#">Title</a> <ul class="nav"> <li class="active"><a href="#">Home</a
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="#">Title</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
如您所见,活动Url具有活动类。
我想知道如何感知活动url并使其成为活动类
我将MVC 3与Razor一起使用。您可以使用JQuery来实现这一点:
$(document).ready(function(){
alert( $('.nav').children('.active').html() );
}
我想您的意思是要设置活动项?(当你说“让它活跃起来”时) 请看另一个几乎相同的答案,它完成了任务(尽管不是最理想的代码)
$(文档).ready(函数(){
var url=window.location.pathname;
var substr=url.split('/');
var urlaspx=substr[substr.length-1];
$('.nav').find('.active').removeClass('active');
$('.nav li a')。每个(函数(){
如果(this.href.indexOf(urlaspx)>=0){
$(this.parent().addClass('active');
}
});
});
您是否使用URL路由?如果是这样,您可以测试匹配的控制器/操作:请确定这是应该在服务器端执行的操作。
<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>