Tabs: Adding new tab, and selecting it. how to stop the reloading of the tab when i select it

Tabs: Adding new tab, and selecting it. how to stop the reloading of the tab when i select it

i have a page that is using tabs. I have links that create new tabs, and then select the newly created tab.

This is all working correctly.

But: each time i change tabs, and go back to the newly created tab, it keeps "reloading" the page/information.

How can i stop this? I just want to show the tab without the reloading.

my tabs initiation is:

  1. var $tabs = $('#tabs').tabs({
  2. add: function(event, ui) {
  3. $tabs.tabs('select', '#' + ui.panel.id);
  4. }
  5. });
And my code to add a new tab is:

  1. $('#tabs').tabs("add", 'page.html','New Tab Label');

Any ideas?