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?

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to