JQuery在重新加载时将活动类添加到父类

时间:2016-05-06 17:53:24

标签: javascript php jquery

我的活跃"当我替换"#"从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>

1 个答案:

答案 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)