Skip to main content

Search and Top Navigation

#3527 closed bug (notabug)

Opened October 30, 2008 12:13PM UTC

Closed October 30, 2008 08:58PM UTC

Last modified October 11, 2012 09:15PM UTC

No way to disable AJAX/remote tabs in ui.tabs

Reported by: abitgone Owned by: klaus.hartl
Priority: minor Milestone:
Component: ui.tabs Version: 1.6rc2
Keywords: tabs remote ajax disable Cc:
Blocked by: Blocking:
Description

There doesn't appear to be a way to turn off the remote/AJAX tabs feature, either for an entire collection of tabs, or for single tabs.

Using the syntax from the older version of tabs we once used doesn't appear to have the desired effect:

$(".TabStrip").tabs({
    remote: false
});

Looking through the documentation, it appears that the feature has been dropped.

Attachments (0)
Change History (6)

Changed October 30, 2008 08:58PM UTC by klaus.hartl comment:1

resolution: → invalid
status: newclosed

The alternative is to use in-page tabs, it's as simple as that. The remote option in the former version was actually only required because the Ajax tabs functionality was baked in later on and it was actually required to tell tabs that they're Ajax tabs via

remote: true
and not the other way round. All this is handled automatically in UI Tabs so that a developer doesn't have to worry about another option and more important, can easily mix Ajax and in-page tabs.

The possibility to supress tab loading and to open tabs as standard links is discussed in the UI Tabs FAQ.

Changed May 07, 2009 06:06AM UTC by orangechicken comment:2

Can you please provide a link to the UI Tabs FAQ that tells us how to disable remote tab loading and just use standard links (if they're not named anchors)?

I often have navs that *mostly* consistent of in-page tabs but contain one or two external links. The in-page tabs are anchors to named anchors (IDs) and the external links are, obviously, regular relative/absolute paths.

I can't figure out how to disable remote tab loading. I just want the external-linked tabs to go to their URLs.

Changed May 07, 2009 06:38AM UTC by orangechicken comment:3

Nevermind. I found a "how to" in the Tab's FAQ and fixed it for clarity. It was originally called "how to ... open a tab in a new window" which is why I paid it no mind. Turns out, it wasn't actually a how to on opening a tab in a new window.

It did, however, provide the basis for "how to follow a tab's URL instead of loading its content via ajax" which is in the FAQ now. Find it at http://docs.jquery.com/UI/API/1.7.1/Tabs#...follow_a_tab.27s_remote_URL_instead_of_loading_its_content_via_ajax

Changed March 28, 2011 12:47PM UTC by sebpiq comment:4

_comment0: I am using the "hashchange" event (e.g. http://jsfiddle.net/59W73/), and I have to do very hackish stuff, that I wouldn't have to do if I could just disable remote loading, like it used to be possible.1301317005290164

I am using the "hashchange" event (e.g. http://jsfiddle.net/59W73/), and I have to do very hackish stuff, that I wouldn't have to do if I could just disable remote loading, like it used to be possible.

The problem is that at the moment I cannot handle "hashchange" event in a transparent way, ... because if the hash changes because of a tab click, then I shouldn't reload the page (because it is reloaded automatically), however if the hash changes because I clicked on a link, then I want to reload the page.

Disabling automatic ajax loading would allow to solve this situation in a very simple way.

Changed August 22, 2011 04:25PM UTC by wolever comment:5

The fixes/workarounds discussed here don't seem to work for me.

I'd like the default tab's content to be present when the page first loads. Eg:

<div id="tabs">
  <ul>
    <li><a href="first">First</a></li>
    <li><a href="second">Second</a></li>
  </ul>
  <div id="tabContent" class="ui-tabs-panel">
    This is the content of the “First” tab!
  </div>
</div>
<script>
$("#tabs").tabs({
  select: function() { return false; },
  selected: 0
});
</script>

But even when select returns false, ui.tabs tries to run the Ajax request to load the selected tab.

Ideally, it would be possible to control the AJAX portions separately from the UI portions.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:6

milestone: TBD

Milestone TBD deleted