jquery - установка URL после хеша

Question

Мне бы хотелось, чтобы я мог щелкнуть ссылку с классом «query» и получить атрибут id после хеша. Например, ссылка, которая выглядит так:

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

При нажатии изменится URL с example.com/users на example.com/users#members.

Вот мой код:

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

Прямо сейчас щелкнув ссылку, вы просто перемещаете URL-адрес на example.com/members

Answer 1

Установите свойство hash:

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

Answer 2

Разве не глупо иметь атрибут id из хеша? Почему бы просто ... Разве это неразумно? В любом случае, вы можете сделать это:

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

Answer 3

Попробуйте window.location.hash вместо window.location.href