For jQuery UI 1.9+, the select method has been deprecated in the API. In 1.9+, you need to use option and active, instead. From the documentation: Old API: // Activate the third tab (in a zero-based index) $( “#tabs” ).tabs( “select”, 2 ); New API: // Activate the third tab (in a zero-based index) $( … Read more
it seems the old’s version’s of jquery ui don’t support select event anymore. This code will work with new versions: $(‘.selector’).tabs({ activate: function(event ,ui){ //console.log(event); console.log(ui.newTab.index()); } });
If you’re animating your tab transitions (ie. .tabs({ fx: { opacity: ‘toggle’ } });), then here’s what’s happening: In most cases, the jumping isn’t caused by the browser following the ‘#’ link. The page jumps because at the midpoint of the animation between the two tab panes, both tab panes are fully transparent and hidden … Read more
Note: this answer received an invalid 3rd party edit which essentially replaced its content, something that a 3rd party editor should not do. However, the result may be more useful than the original, so both versions are now given below: Original author Anon’s version from 2010, after one edit by Anon google.maps.event.trigger(map, ‘resize’); map.setZoom( map.getZoom() … Read more
If you need to get the tab index from outside the context of a tabs event, use this: function getSelectedTabIndex() { return $(“#TabList”).tabs(‘option’, ‘selected’); } Update: From version 1.9 ‘selected’ is changed to ‘active’ $(“#TabList”).tabs(‘option’, ‘active’)