FYI, that's probably going to be problematic if you ever need to bind
other actions to the tab click event....

**--**  Steve




On Mar 2, 2:45 am, johhnnyboy <[email protected]> wrote:
> Thanks, but after trying I bit more I ended up with:
>
> script type="text/javascript">
> $(document).ready(function(){
> $("#info1").tabs({
> load: function(event, ui1) {
> $('a', ui1.panel).live("click", function(){
>     $("#info1").load(this.href);
>    return false;
>
> });
> }
> });
>
> $("#info2").tabs({
> load: function(event, ui2) {
> $('a', ui2.panel).live("click", function(){
>     $("#info2").load(this.href);
>    return false;
>
> });
> }
> });
> })
>
> </script>
>
> On 1 mrt, 22:59, Steven Black <[email protected]> wrote:
>
> > 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?- Tekst 
> > > uit oorspronkelijk bericht niet weergeven -
>
> > - Tekst uit oorspronkelijk bericht weergeven -
>
>
--~--~---------~--~----~------------~-------~--~----~
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