Hey, I've been trying to get UI Tabs 1.7.2 to work properly with AJAX.
What I want is basically: a message system sort of thing. Along the top you have Compose, Inbox, Sent, etc
Inside the Inbox tab I have an accordion list of messages. The Accordion works great... the problem is opening a link directly within the current tab. I can get it to open inside the tab fine... but going back to the Inbox is another matter... You can no longer click the active tab as the link doesn't work anymore and creating a load(tab) on clicking the active tab does nothing.
I tried to have AJAX so that you can just click another tab and then the same tab again, which DOES reload the inbox as expected but I'm having a problem with binding after an AJAX call.
You have page links at the bottom of the inbox list... clicking one loads it fine, clicking another does not
I tried to have live("click",function() { but this stops the links loading within the tab completely.. a bug?
Hope someone can guide me in the right direction here... thanks :)
I'm using the Hijack links.. which causes the Live Clicking, BOund problem
$('#tabs').tabs(
{
load: function(event, ui) {
$('a', ui.panel).click(function() {
$(ui.panel).load(this.href);
return false;
});
}
});
Having live click does actually AJAX get the data... as Firebug says... but it just doesn't go inside the tab pane or update t he pane with the new data