Preload tab with # in url using jQuery .tabs() with Ajax

Question

It's obvious this works for non-ajax tabs: http://jqueryui.com/demos/tabs/default.html#tabs-2

But how do you get this working for ajax tabs, as shown in this example: http://jqueryui.com/demos/tabs/ajax.html

I tried giving the <a name="">, that didn't quite work, just curious what's the best way to get this functionilty of using the # in the url to preload a tab with ajax tabs in jquery?

Thanks.

So you want to access www.example.com/#tab3 and load the tab3 with ajax? — jQuerybeast
– jQuerybeast, Commented Dec 12, 2011 at 2:00
yes, but something preferably native to the original .tabs() functionality. — Control Freak
– Control Freak, Commented Dec 12, 2011 at 2:03

jQuerybeast · Accepted Answer · 2011-12-12 02:07:58Z

1

It works exactly the same with ajax tabs too:

Visit this page: http://jqueryui.com/demos/tabs/ajax.html#ui-tabs-2 and note that the content shown is loaded with ajax.

answered Dec 12, 2011 at 2:07

jQuerybeast

14.6k39 gold badges120 silver badges198 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

abhilashak Over a year ago

The above link seems to be not working. You can check here: jqueryui.com/tabs/#ajax

Collectives™ on Stack Overflow

Preload tab with # in url using jQuery .tabs() with Ajax

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related