Issue with ui tabs component: multiple tabs, ajax in all, unable to "hijax" links and load new pages in...
... each respective tab.
1) This works for tab indexed 0, the default I am assuming:
- <script language="javascript">
$('#managetabs').tabs( {
load : function(event, ui) {
$("#managetabs").find("a").live('click', function() {
$(ui.panel).load(this.href);
return false;
});
}
});
</script>
The ajax content loads in the tab indexed 0, and its links load into the same tab.
However, when I go to tab indexed 1,2, etc... this does not work! For instance, I re-arrange tab 0 to be tab 2, and this functionality stops working. In fact, the new tab 0, with its A tags, now also does not work!
I think this must be something that someone came across already.