jquery - setting the url after the hash

Question

I'd like if I could click a link with class "query" and have it's id attribute come after the hash. For example, a link that looks like this:

<a href="#" id="members" class="query">Members</a>

When clicked would change the url from example.com/users to example.com/users#members.

Here's my code so far:

$('.query').click(function(event){
    event.preventDefault();
    window.location.href = $(this).attr('id');
});

Right now clicking the link just moves the url to example.com/members

SLaks · Accepted Answer · 2010-10-10 01:53:35Z

8

Set the hash property:

window.location.hash = $(this).attr('id');

answered Oct 10, 2010 at 1:53

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Explosion Pills · Accepted Answer · 2010-10-10 02:05:37Z

3

Isn't it silly to have the id attribute come from the hash? Why not just ... Is it unreasonable to do this? Anyway, you can do this:

$(".query").click(function () {
   window.location.hash = this.id;
   return false; // prevent default link follow
});

answered Oct 10, 2010 at 2:05

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

tusar · Accepted Answer · 2012-04-25 11:11:53Z

2

Try window.location.hash instead of window.location.href

tusar

3,4306 gold badges41 silver badges62 bronze badges

answered Oct 10, 2010 at 1:54

Nazariy

6,0785 gold badges40 silver badges61 bronze badges