Поддержка вкладок jquery ui для кнопки возврата в браузере

У меня есть веб-приложение на основе jquery и определенная страница на сайте, я использую элемент управления вкладкой jquery ui - http://jqueryui.com/demos/tabs/

Это позволяет мне иметь страницу с содержимым, разделенным вкладками.

Это работает без проблем.

Теперь мне нужно добавить поддержку кнопки возврата в браузере, поэтому, если у меня есть 4 вкладки - A, B, C, D и в настоящее время на вкладке C. Когда я нажимаю кнопку возврата в браузере, я хотел бы вернуться на вкладку B и нажмите еще раз, вернитесь на вкладку A. Как я могу интегрировать это во вкладки jquery ui?

Во-вторых, при нажатии кнопки возврата в браузере при переходе на предыдущую вкладку я бы хотел, чтобы страница НЕ обновлялась, если это возможно. Так что движения для пользователя кажутся незаметными и близкими к мгновенным. Насколько это возможно?


javascript jquery tabs back-button jquery-ui
person amateur    schedule 25.07.2011    source источник
comment
вау ... Я думаю, вы просили о трех разных вещах. Поддержка кнопки «Назад» позволит кому-то перейти на вкладку A, перейти на вкладку C, вернуться назад и снова оказаться на вкладке A (не B). Кроме того, нажатие кнопки «Назад» всегда вызывает перезагрузку страницы. Это очень быстрая загрузка, потому что большая часть данных находится в кеше, но это все равно должно произойти.   -  person Joseph Marikle    schedule 25.07.2011

Ответы (2)


arrow_upward
1
arrow_downward

Если я правильно понял вопрос, вы можете использовать плагин jQuery BBQ от Бена - http://benalman.com/projects/jquery-bbq-plugin/

Подобно вашему требованию демонстрация, которую Бен предоставляет по адресу http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/

Надеюсь, поможет.

person Anshuman    schedule 25.07.2011

arrow_upward
-1
arrow_downward

Вы путаете роль кнопки возврата в браузере. Это означает возврат к истории просмотров, а не циклическое переключение вкладок. Вам нужно добавить ссылку «предыдущая / следующая» на свою страницу, чтобы циклически перемещаться по вкладкам.

person Mrchief    schedule 25.07.2011
comment
Вкладки становятся историей просмотра, когда используются так, как они используются. Когда мы садимся, большинство пользователей ожидают, что кнопка «Назад» вернет их к последнему экрану, который они видели. Их не волнует, что это была совершенно новая страница или просто вкладка. - person Agile Jedi; 20.06.2013
comment
@AgileJedi: Это деталь реализации, не обязательно стандартное поведение. - person Mrchief; 20.06.2013