Load data under jQueryUI tabs with no AJAX call

Question

I want to load data by on click of the jQuery ui tabs. If I provide the links in tabs href then its automatically calling by AJAX, but i want to get data by normal request. basically my page is search page where there are different searches will perform on each Tabs and also maintain the search states. If I use AJAX then I cant save the search states .

please help me. i shall very thankful to you.

Swizec Teller · Accepted Answer · 2009-11-04 03:59:47Z

1

Have you tried simply injecting the content you want to display straight into the tab's body and not setting anything ajax specific?

Essentially you should add a listener to the tab menu and then injecting the content into the tab's body. Something along the lines of:

$("#tabs ul li a").click( function () {
                                  var id = $(this).attr("href");
                                  $(id).html( fetch-content() );
                         })

That should be it.

answered Nov 4, 2009 at 3:59

Swizec Teller

2,3221 gold badge19 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Load data under jQueryUI tabs with no AJAX call

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related