Comments on: jQuery Highlight Navigation Menu v.01 Script

By: JJ-DR

JJ-DR — Wed, 18 May 2011 22:51:27 +0000

can you paste the html code as well? Mine is not working.

By: Damon

Damon — Tue, 18 Jan 2011 19:21:40 +0000

You have to make sure that in your CSS, the "current" class is changing the LI of the link… if your CSS is telling the A tag to use "current", then remove the: .parents("li") section of the script. That way, you are telling the script to find all of the a tags that match the path, then apply the current class to that, rather than it's LI tag.

Hope that helps.

By: Ger

Ger — Thu, 16 Dec 2010 20:34:39 +0000

Hi Dan
Think your just mising your closing brackets. I've used the code below and it seems to work.

By: Dan

Dan — Mon, 17 May 2010 14:15:53 +0000

Hi, thanks for the code. Unfortunately I can't get it to work. I tried Pauls version from his live site but unfortunately can't get it to work either.

I used:

$(document).ready(function(){
var path = location.pathname;
$("a[href $='" + path + "']").parents("li").each(function() {
$(this).addClass("current");
});

and am linking to the lattest JQuery. I have my main nav within a container and the UL has an id of 'nav'.

Any help or advice is greatly appreciated.

By: Unibands

Unibands — Tue, 13 Apr 2010 15:32:56 +0000

Great stuff. Thanks

By: akhil

akhil — Tue, 25 Aug 2009 06:52:47 +0000

i have an issue with this script as this is not working fine in IE6, what may be the issue

By: Jake Rutter

Jake Rutter — Tue, 27 Jan 2009 13:06:46 +0000

Excellent, Im glad I could help you out. Im going to try the ‘ends with syntax’ too. The attribute stuff in jQuery is pretty powerful.

By: paul

paul — Tue, 27 Jan 2009 09:58:05 +0000

Hi, thanks for your script.

Couple of things needed to be changed in order for it to work.

Firstly, don’t think the square brackets around the path are necessary i.e. [ + path + ]

Secondly, I found it useful to use the ‘ends with syntax for matching the path i.e instead of “a[href=’ + path I used “a[href $=’ + path

see docs at http://docs.jquery.com/Selectors/attributeEndsWith#attributevalue

anyway, it’s live and working on a site I did, http://www.worldmarathonchallenge.com