Highlight active link using jQuery [closed]

问题:

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 5 years ago.

Improve this question

I would like to know how to make a link on a navigation menu stay selected when you have clicked on it? A good tutorial or example would be nice:)

回答1:

I happen to have some computer codes that do exactly this.

a.selected {
  background-color:#1F75CC;
  color:white;
}

$("a").live('click', function() {
  $("a").removeClass("selected");
  $(this).addClass("selected");
  return false;
});

回答2:

you can use in this link apycom.com. i'm a newbie too.and i have used this for my page.

回答3:

$('a[href="'+window.location.href+'"]').addClasss('currentPage');

This should do the trick. The condition is to have full path.

However, the right way is to generate correct code from the server side.

回答4:

This works for me

var pathname = window.location.pathname;
$(".ui-accordion-content-active ul li a[href$='" + pathname + "']")