Tabs with new live function
Hello,
I upgraded to jquery 1.3.2 this weekend.
I also upgraded to the ui interface 1.7 preview.
Now I'm building a new site with ui.tabs.
On one page I have 2 tab interfaces which are loaded through AJAX.
I have this script:
script type="text/javascript">
$(document).ready(function(){
$("#info1").tabs({
load: function(event, ui) {
$('a', ui.panel).live("click", function(){
$("#info1").load(this.href);
return false;
});
}
});
$("#info2").tabs({
load: function(event, ui) {
$('a', ui.panel).live("click", function(){
$("#info2").load(this.href);
return false;
});
}
});
})
</script>
The trouble now is that when I click on a AJAX loaded panel in
#info_a2 the div with the tabs #info1 gets updated....
How do I distinct ui.panel for the first one and the second one?