Hello,
I am designing a single page HTML5 application. I have two Tabs where the 1st Tab is the default. Now, when i switch to Tab 2 then go to some other Page and while returning to the page containing the Tabs, Tab 2 is activated instead of the Default Tab 1.
How do i make sure Tab 1 is active even after switching Tabs and pages.
Thanks.
Yes, i did try but it is not working as expected.
<ul class="tabs" data-persist="false">
<li class="selected">First</li>
<li>Second</li>
</ul>
<div class="tabcontents">
<div id="one"></div>
<div id="two"></div>
</div>
I cannot test it as I am on travel and have very limited access to the testing environment.
Can you take the #3 approach in http://www.menucool.com/2457/Troubleshooting-Request
Hello,
I am still having this issue, any inputs will be appreciated.
Thanks.
Hello, great code by the way. I have the same trouble, the tabs stick on browser refresh. I have added all the above suggestions. Any ideas how to get the tab to go back to the default tab on page refresh?????
All help much appreciated :-)
Do you have any tab that has the class="selected"?
Please post back if it will fix the problem after removing the class="selected".
Thanks!
Yes, I have added the class selected. But is always goes to the last tab opened on refresh.
After deleting the class="selected" from the HTML, is the problem gone?
If you still have the issue, please stage a testing page online so that I can debug.
Have you removed data-persist="true" or set it data-persist="false"?
And the tab should not have the class="selected" ( <li class="selected">2nd tab</li> )
If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;
If your question is related to the Tabbed Content, click:
Ask new question: Tabbed ContentOtherwise navigate to one of the following forum categories, and post your question there.
##