Bootstrap tabs - change tab when "back" button clicked

Asked Mar 14 '16 at 07:28

Active Mar 14 '16 at 07:28

Viewed 1,187 times

I'm implementing with bootstrap3 tabs that are similar to the google+ tabs:

https://plus.google.com/109537483127696013335

Similarly to google+, I also change the URL using history.pushState() every time the user click a new tab.

The problem:

Let's say you viewed these 3 tabs:

https://plus.google.com/109537483127696013335/posts
https://plus.google.com/109537483127696013335/about
https://plus.google.com/109537483127696013335/photos

you have 3 items in your browser's history, if you click the back button you'll go back to /about and then /posts but the content of the page will stay the same (/photos) instead of changing back to the correct tab.

This problem exists in google+, I want a better behaviour of the back button for a better UX, how can I fix it?

asked Mar 14 '16 at 07:28

Dan Bolofe

1,099
2
13
21

Please add more info – Abrar Jahin Mar 14 '16 at 07:30
1

Possible duplicate of http://stackoverflow.com/questions/8038726/how-to-trigger-change-when-using-the-back-button-with-history-pushstate-and-pops – Tasos K. Mar 14 '16 at 08:22

Bootstrap tabs - change tab when "back" button clicked

0 Answers0