Блог

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

www.site.com/page#categoryA

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

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

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

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

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

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

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

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

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