FilChi Weblog

Using JQuery Ajax Tabs

Posted on: December 17, 2007


I was doing this web report, and I thought of improving its user interface design, so I decided to use jquery ajax tabs UI.

But because the ajax-ed content is very large, the tab, when clicked, looks like this in Firefox:

ajax content caching

AFAIK, Firefox does not cache ajax content, which is contrary to what Internet Explorer does.

I just want to share additional info regarding the ajax tabs:

everytime you select the tab with ajax content, the tab starts to process ajax. Meaning,

even when not necessary, the ajax still runs. That sucks, huh!? 😦

I overlooked that in the JQuery Tabs options params, you can set the ajax cache to true and the ajax won’t run everytime you click on the tab.
(Source: JQuery Ajax Tabs )
Code:   $(‘.selector’).tabs({ cache: true });
$(‘.selector’).tabs({ ajaxOptions: { async: false } });

Advertisements

2 Responses to "Using JQuery Ajax Tabs"

thanks for sharing it ? It is very useful script

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: