Как добавить навигацию по URL на основе якоря в кладку jQuery

Question

Здравствуйте, я ищу способ добавить основанную на привязке навигацию по URL в кладку jQuery.

Вот пример: http://desandro.com/demo/masonry/filtering.html

Я пытаюсь направить людей прямо в фильтруемый класс (например: ../filtering.html#red)

Похоже, должно быть простое решение, но я Javanoob, поэтому я был бы очень признателен за помощь! Спасибо!

Answer 1

В дополнение к коду на этой странице (после него, все еще в document.ready) вы можете сделать следующее:

$("#filtering-nav a[href='" + location.hash + "']").click();

Это просто выполняет щелчок по <a href="#red">, когда вы переходите к page.htm#red, например.

Или, если вы хотите, чтобы они были немедленно скрыты, сделайте это:

var myClass = location.hash.replace('#','.');
$("#primary").children().not(myClass).addClass('invis').hide();
$('#primary').masonry();

Для этого не нужны кнопки фильтрации, просто скрывается что-либо, не соответствующее классу в хэше, например: page.htm#classToShow.