我需要一些帮助,请使用Bootstrap。我有<navbar>
,如果我点击<li>
的{{1}}我想要更改,并在<navbar>
上添加了class=active
。我试过这个功能:
<li>
此代码仅更改我的$(document).ready(function(){
$('.nav li').click(function(event){
$('.active').removeClass('active');
$(this).addClass('active');
event.preventDefault();
});
});
,但它不会将我重定向到另一个页面,但如果我输入此代码:
<li>
它会将我重定向到我点击的页面,但$(document).ready(function(){
$('.nav li').click(function(event){
$('.active').removeClass('active');
$(this).addClass('active');
$('#content').load($(this).find(a).attr('href'));
event.preventDefault();
});
});
消失了。所以,当我点击class="active"
=&gt;时,我首先需要首先重定向到我的li-a
上的addClass
页面,然后重定向到li
。
答案 0 :(得分:1)
执行此操作的正确方法是在请求新页面时设置“活动”类服务器端。无论何时您请求新页面(通过单击链接或调用加载),您将失去所有页面状态(如您所发现的那样)。
答案 1 :(得分:0)
这不起作用。您需要的是将活动类放入导航中链接的每个HTML页面中的正确导航项。那么就不需要javascript了。或者我错过了什么?