2016-08-02 54 views
0

如果以前的链接是家链接,我想在链接中添加类,我正在努力尝试,但我没有得到它的答案。 它是简单的导航栏,如果主动链家那么点击链接将被添加class..thats它点击菜单栏中的链接后,检查前一个活动链接,jQuery

$('ul li').click(function(){ 
    var prevLink = ??; // how can i get prevLink here 
    if(prevLink == 'Home') { 
     $(this).addClass("addext"); 
     $('ul li').removeClass("addext"); 
    } 
}); 

如何检查之前的活动链接?

+1

显示你的HTML代码,请 –

+0

你能为此提供的HTML代码?你的问题仍然不清楚! –

回答

1

不是完整的答案,因为你缺少的HTML,但你应该切换两行:

$(this).addClass("addext"); 
$('ul li').removeClass("addext"); 

要:

$('ul li').removeClass("addext"); 
$(this).addClass("addext"); 

否则你设置和即时删除类。

0

使用$('ul li.addext').text();获得具有addest类

$('ul li').click(function(){ 
     var prevLink = $('ul li.addext').text(); 
     if(prevLink == 'Home') { 

      $('ul li').removeClass("addext"); 
      $(this).addClass("addext"); 

     } 
    }); 
1

希望这将帮助黎文:

var globalPrevLink = ""; 

$('#Home').onclick(function(){ 
    globalPrevLink = window.location.href; // this is clicked last time so remember it in globalPrevLink variable 
}); 

在你的js把上面的代码的地方和家庭改变你给什么ID到您的家庭链​​接标记。

然后改变你的代码

$('ul li').click(function(){ 
    var prevLink = globalPrevLink; // globalPrevLink is assigned here 
    if(prevLink == 'Home') { // change this also as accordingly, use console log 
     $('ul li').removeClass("addext"); // switch as suggested in other comment 
     $(this).addClass("addext"); 
    } 
}); 
+0

不完美,但它帮助..谢谢。我用不同的方式做了... – JohnB

+0

欢迎:)我的工作已完成 –

+0

它应该自动检查无序列表中的活动链接。如果这个链接是家庭链接,那么下一行将exicute .. – JohnB