JQuery - несколько якорей, чтобы позволить пользователю фильтровать категории с помощью URL

Question

Я настроил страницу с несколькими категориями и системой фильтров. Однако я бы хотел, чтобы пользователи могли вводить привязки в URL, чтобы они могли просто посетить, например:

www.site.com / страница # Категория

Чтобы увидеть просто Категория A

Это работает довольно хорошо, но не позволяет использовать несколько якорей. Единственное решение, которое я придумала, - это привязать видимые категории к якору и обработать строку с помощью jQuery, или есть лучший способ сделать это?

Также важно, чтобы, когда пользователь щелкает за пределами этой страницы, нажатие кнопки «Назад» отображало категории в их ранее выбранных видимых / невидимых состояниях.

Answer 1

Если я вас правильно понял, вы хотите сделать одностраничное приложение?

Проверьте здесь, может быть, это решение для вас http://microjs.com/#spa

Answer 2

Это должно быть возможно с помощью изменений хеша, аналогичных вашему текущему подходу.

Хороший способ сделать это может выглядеть примерно так: www.site.com/page/#CategoryA,CategoryB,CategoryC,etc

Или, если вам нужно использовать именованные параметры, вы можете даже сделать: www.site.com/page/#categories:CategoryA,CategoryB,CategoryC/tags:TagA,TagB,TagC,etc

Плагин jQuery hashchange может обрабатывать кросс-браузерные хэш-изменения для вас.Вызов функции вашего собственного кода с некоторой базовой проверкой синтаксического анализа / регулярного выражения должен позаботиться об остальном и создать хороший объект, из которого можно прочитать переданные значения.