Adding "internal links" with UI Tabs?
I am using UI Tabs (
http://jqueryui.com/tabs/ ) to organize a multi-part form, and I need to add buttons or links at the bottom of each content area to guide the user to the next tab. So basically I need another way to navigate through the tabs.
For some reason, links inside the content areas do not do anything if they are going to a tab anchor on this page, or even trying to reload the same page. It adds the anchor link to the address bar but doesn't go anywhere. I have to manually refresh the page after clicking on one of these failed links and then it will load the proper tab. The links themselves don't do anything except with target="_blank".
Basically what I'm trying to do is add something like
At the end of Tab 1: <a href="#tabs-2" class="btn">Next Step: Add Contact Info</a>
At the end of Tab 2: <a href="#tabs-3" class="btn">Next Step: Choose Options</a>
At the end of Tab 3: <a href="#tabs-4" class="btn">Next Step: Other Notes</a>
Is it even possible to have internal links like this? I am not a jQuery person, so I'm not sure where to begin looking.
For some reason, links inside the content areas do not do anything if they are going to a tab anchor on this page, or even trying to reload the same page. It adds the anchor link to the address bar but doesn't go anywhere. I have to manually refresh the page after clicking on one of these failed links and then it will load the proper tab. The links themselves don't do anything except with target="_blank".
Basically what I'm trying to do is add something like
At the end of Tab 1: <a href="#tabs-2" class="btn">Next Step: Add Contact Info</a>
At the end of Tab 2: <a href="#tabs-3" class="btn">Next Step: Choose Options</a>
At the end of Tab 3: <a href="#tabs-4" class="btn">Next Step: Other Notes</a>
Is it even possible to have internal links like this? I am not a jQuery person, so I'm not sure where to begin looking.