Hi all,
I've got a page with fg.menu and jquery UI tabs that works fairly well. I've got custom handlers to load menu links into the selected tab. The tabs are all ajax-loaded and the contents also have their own links, which I've handled as such in my tab options:
var tabOpts =
{
select:handleSelect,
event: 'change',
load: function(event, ui)
{
$('a', ui.panel).live('click', function()
{
// now load the href into the tab
$(ui.panel).load(this.href);
return false;
});
}
};
Here's the method that the fg.menu chooseItem uses to load its links into my tabs.
loadTabContent = function (url_to_load)
{
$('#tabs').tabs("url", mytabIndex, url_to_load).tabs("load", mytabIndex);
}
Note: mytabIndex is set by handleSelect and is the index of the current tab.
I implemented some history tracking with the bbq plugin and it works great on the tabs themselves, but I can't seem to get it to work on the links within the tabs. Every time I try to implement it, it screws with the loading of the links and they end up loading outside the tab.
I've tried everything I can think of, but I can't seem to make it work. Any recommendations on how to do this with bbq or alternatively, a different plugin? I used the standard tabs example from http://benalman.com/code/projects/jquery-bbq/examples/fragment-jquery-ui-tabs/
Thanks for any pointers!
Violet