Klaus,
The problem is with the way my code is organized.
Since $tabs is defined in the $(document).ready it isn't globally
accessible in handleTabLoad or other functions.
Below is a paired down example of my code. Thanks for you help. Your
other suggestions worked nicely.
-- Brad
var LOCATIONS_TAB = 3; // one of many pseudo constans.
var tabcfg = {
selected: 0
, disabled:[2]
, spinner:''
, cache:true
, ajaxOptions: { cache: false }
, load: handleTabLoad
, select: handleTabSelect
, show: handleTabShow
}
...
function handleTabLoad(e,ui) {
$("#ship_loc_tab_link").bind("click",
function(ui){
// I simply want to switch tabs when this link is clicked
// I'd like to do this, but it doesn't work
$tabs.tabs('select',LOCATIONS_TAB); // Assuming $tabs is global,
but it isn't
return false;
// What I have to do to make it work
tabcfg.selected = ui.index;
$tabs = $("#tabarea > ul").tabs(tabcfg); // Finding $tabs again!
$tabs.tabs('select',LOCATIONS_TAB);
return false; // don't submit form
});
}
...
$(document).ready(function() {
var $tabs = $("#tabarea > ul").tabs( tabcfg );
...
}
On Sep 11, 10:16 am, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> On Sep 11, 5:47 pm, Brad <[EMAIL PROTECTED]> wrote:
>
> > var $tabs = $('#example > ul').tabs(tabcfg); // first tab selected
>
> > Since this is a single page application I would like to grab and store
> > a global reference to the tab control on creation, instead of having
> > to get the reference each time I need it (which will be often). Is
> > there a way to do that?
>
> $tabs is your reference as far as I can see...
>
> --Klaus
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
