Questions tagged [jquery-ui-tabs]

The Tab widget that forms part of the jQuery.UI library

A tab widget which is a part of the library.

API Documentation

1369 questions
116
votes
20 answers

jQuery UI Tabs - How to Get Currently Selected Tab Index

I know this specific question has been asked before, but I am not getting any results using the bind() event on the jQuery UI Tabs plugin. I just need the index of the newly selected tab to perform an action when the tab is clicked. bind() allows…
Mark Struzinski
  • 32,945
  • 35
  • 107
  • 137
70
votes
17 answers

Problems with Google Maps API v3 + jQuery UI Tabs

There are a number of problems, which seem to be fairly well-known, when using the Google Maps API to render a map within a jQuery UI tab. I've seen SO questions posted about similar issues (here and here, for example) but the solutions there only…
Matt Ball
  • 354,903
  • 100
  • 647
  • 710
48
votes
17 answers

JQuery UI Tabs Causing Screen to "Jump"

I'm using the latest version of the jQuery UI tabs. I have tabs positioned toward the bottom of the page. Every time I click a tab, the screen jumps toward the top. How can I prevent this from happening? Please see this…
Edward
  • 4,331
  • 4
  • 20
  • 6
39
votes
7 answers

jQuery - trapping tab select event

I'm a jQuery noob and I'm trying to figure out how to trap the tab selected event. Using jQuery 1.2.3 and corresponding jQuery UI tabs (not my choice and I have no control over it). It's a nested tab with the first level div name - tabs. This is…
Bob76
  • 477
  • 1
  • 5
  • 12
37
votes
5 answers

How do I switch to a new jQuery UI tab programmatically?

I am building a "check-out" like interaction with jQuery UI tabs. This means that the click of a button on the first tab will deactivate the first tab and move to the next. I have been combing through the posts on Stack Overflow but nothing I try…
Faiyet
  • 5,341
  • 14
  • 51
  • 66
29
votes
2 answers

jQuery UI Tabs - Available fx options

I haven't been able to find any real documentation on this, so I'm wondering if anyone knows all of the available fx options for jQuery UI Tabs? The only ones I've seen so far are: opacity: "toggle"; height: "toggle"; A crossfade would be nice,…
Jason Berry
  • 2,469
  • 1
  • 17
  • 21
27
votes
4 answers

JQuery UI Tabs - "Loading..." message

All, I am using Jquery UI nested tabs. I was just wondering if there is any way to display an AJAX Spinner image next to the tab text, while the tab is loading. I do not want to change the tab text to "Loading..". Consider that when multiple tabs…
Balu
  • 331
  • 1
  • 4
  • 5
26
votes
8 answers

jQuery tabs - getting newly selected index

I've previously used jquery-ui tabs extension to load page fragments via ajax, and to conceal or reveal hidden divs within a page. Both of these methods are well documented, and I've had no problems there. Now, however, I want to do something…
Matt Hucke
  • 673
  • 1
  • 6
  • 12
25
votes
7 answers

jquery ui accordions within tabs

I’ve run into a problem using accordions within tabs, the initially inactive accordions do not render their content correctly when their tab is selected. Reading around I see the reason for this is that the inactive tabs have display:none…
Paul
  • 2,543
  • 3
  • 26
  • 36
21
votes
2 answers

check if jQuery UI tabs have been initialized (without checking for class)

Using jQuery UI tabs - and I've written a plugin that integrates with ui tabs. I've got the plugin setup to initiate jQuery UI tabs if it .tabs() hasn't been called, but this just does a simple class check: if(!$globalTabs.hasClass("ui-tabs")){ …
Jason
  • 7,612
  • 14
  • 77
  • 127
20
votes
2 answers

Using jQuery UI Tabs. How would I make one of the tabs link to a URL rather than load a tab panel?

I am using jQuery UI tabs to create a vertical tab section of a page, and want the last vertical tab to link out to a URL rather than load a tab panel. Any suggestions for the best way to do this? I can stick another element besides an LI into the…
Michael
  • 223
  • 1
  • 2
  • 6
18
votes
11 answers

jQuery UI Tabs - Automatic Height

In previous versions of jQuery tabs there was an option to automatically set the height of the tab to that of the tallest tab in the group using: $('#container').tabs({ fxAutoHeight: true }); However this does not seem to work in jQuery UI…
Ben
  • 1,441
  • 4
  • 18
  • 20
18
votes
6 answers

jquery ui tabs no longer supporting cookie? now what?

I apologize for this being an open ended question, but I am at a loss. Since version 1.9 of the jquery UI, they depreciated using the cookie option in order to save the active state of tabs across multiple pages.…
PaulHanak
  • 729
  • 2
  • 9
  • 21
18
votes
8 answers

$(...).tabs is not a function

I have this code on two pages on my site, but at one page the function doesn't work. Firebug shows me " $(...).tabs is not a function ". I don't understand why, can anyone tell me what is wrong ? this is…
Alex Bosnea
  • 181
  • 1
  • 1
  • 6
17
votes
13 answers

jQuery UI Tabs and Highcharts display/rendering issue

Anyone ever used the tabs (jquery-ui-1.8.9) and pie charts from Highcharts 2.1.4 together? To put it simply, I have multiple tabs, where each tab shows a pie chart with different data. The charts DO render to the divs, but when I click on the 2nd…
Brian
  • 313
  • 1
  • 3
  • 8
1
2 3
91 92