我的活跃"当我替换"#"从href到URL。当我点击链接时,页面刷新并且"活动"上课没有改变。 这是我将#更改为URL之前的工作代码。
<ul class="additional-menu">
<li class="active"><a href="#">Link1</a></li>
<li><a href="#" id="link2">Link2</a>
<ul>
<li><a href="#" id="link2.1">Link2.1</a></li>
</ul>
</li>
<li><a href="#" id="link3">Link3</a></li>
Jquery的:
$('.additional-menu a').on('click', function() {
var t = $(this);
t.parents('.additional-menu').find('li').removeClass('active');
t.parentsUntil('.additional-menu', 'li').addClass('active');
})
更改(不工作)后:
<ul class="additional-menu">
<li class="active"><a href="link1.php">Link1</a></li>
<li><a href="link1.php" id="link2">Link2</a>
<ul>
<li><a href="link2-1.php" id="link2.1">Link2.1</a></li>
</ul>
</li>
<li><a href="link3.php" id="link3">Link3</a></li>
</ul>
答案 0 :(得分:1)
当您单击URL链接时,页面正在刷新,当前的Jquery将不再工作。您必须根据页面网址页面加载或关于DOM准备而不是 onClick 更新您的代码以确定活动菜单。
您必须将活动类设置为具有找到的文件名为href属性的菜单。
以下是使用jquery选择器的完整代码:
require(lattice)
set.seed(42)
type <- rep(c(0,1),20)
age <- sample(1:100, 40, replace=TRUE)
rust <- type*5 + 0.3 * age + rnorm(40)
df <- data.frame(type = type, age = age, rust = rust)
myPanel <- function(x,y,...) {
panel.xyplot(x,y,...)
panel.abline(lm(y~x), ...)
}
xyplot(rust ~ age, group = type, data = df, panel = panel.superpose,
panel.groups = myPanel)