I was trying to use the Tab select option to save the current tab
index to a cookie.
It is my understanding that the select option executes a function when
a tab is clicked. In this function I was trying to get currently
selected using the .data("selected.tabs"); Here are my codes:
jQuery(document).ready(function(){
var tab_cookie_id = jQuery.cookie("todos_tab") || 0;
jQuery("#taskboard > ul").tabs({
selected: tab_cookie_id,
select: function(e,ui){
var $tabs = jQuery('#taskboard >
ul').tabs().data("selected.tabs");
jQuery.cookie("todos_tab", $tabs);
}
});
However what I am getting was the previously selected tab index and
not the tab that I just clicked. It seems that clicking a tab does not
update the selected tab index immediately but rather only after the
select option function has completed. Is this the normal behavior?
If this is indeed the normal behavior, how do I accomplish what I was
trying to do, which is saving the latest tab index to a cookie each
time a tab is clicked?
Thanks for the help.
Steve
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
