Just to clarify: is there a reason why you wouldn't just use .bind() instead of .live() here?
Reason I ask is the operational semantics of .live(), the "late- binding" (as it were) of matching selectors, is precisely the problem you are encountering. Do you plan on dynamically adding panes to your tabs? If not, then .bind() is probably advisable here. **--** Steve On Mar 1, 12:04 pm, johhnnyboy <[email protected]> wrote: > 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 -~----------~----~----~----~------~----~------~--~---
