JQuery UI - Select specific tabs dynamically

Question

I want to develop an entirely ajax backend for a website I'm developing, and I'm looking at using jQuery UI. The tabs widget looks like it could be useful for my menu, however, I want to know if there's a way to load a specific tab dynamically. So basically, if someone entered the URL mysite.com/tab1 it would open the first tab, and tab2 would open the second etc.

Can anyone point me in the right direction?

Thanks

You want to load content via AJAX, or when someone visits a URL you want that a specific tab to default as the open one? — Nick Craver, May 29 '10 at 10:45
Ahh! what you are looking for is called **Hijax** http://domscripting.com/blog/display/41 — Luca Filosofi, May 29 '10 at 11:25

score 1 · Accepted Answer · edited May 23 '17 at 12:01

UPDATED

There is no reason why it should not work! ;-)

Ahh! what you are looking for is called Hijax with support for the browser's back/forward navigation buttons and bookmarking. Enhance comparable DHTML driven links as well.

try this:

History/Remote - jQuery plugin solution for hijaxing links and enabling history - http://stilbuero.de/jquery/history/index.html

And also read this:

jQuery UI Tabs back button history

score 0 · Answer 2 · answered May 29 '10 at 13:24

0

Try setting a name property on the tab link ( like so <a name="tab-1" > </a> and then yoursite.com/#tab-1 it will activate your tab :)

answered May 29 '10 at 13:24

Nikola Sivkov

2,812
3
37
63

JQuery UI - Select specific tabs dynamically

2 Answers2