views:

12

answers:

0

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