I think event delegation is the easier approach here.
http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F


--Klaus


On 11 Nov., 16:37, Aryeh <[EMAIL PROTECTED]> wrote:
> The code above only seems to work for the click on the initial tab
> content.  After the click you have new content in the tab panel with
> perhaps new links that haven't been filtered to direct their clicks
> into the tab as well.  How do I filter the links in the new incoming
> content that is being inserted into the tab?  I can't seem to get it
> to work. Of course, please correct me if I made a careless mistake,
> otherwise any help figuring this out would be greatly appreciated.
>
>         var $tabs = $("#messageboxes > ul").tabs();
>         $tabs.tabs({
>           load: function(e, ui) {
>             $('a', ui.panel).click(function() {
>             $(ui.panel).load(this.href);
>
> // At this point we have new content with links that need to be reset
> to open in the current tab.  How do we do that?
> // something like:
>
>               $('a', ui.panel).click(function() {
>                 alert('clicked!'); // never happens...
>                 $(ui.panel).load(this.href);
>                 return false;
>               });
>
>             return false;
>             });
>           }
>
> On Oct 1, 9:32 am, Klaus Hartl <[EMAIL PROTECTED]> wrote:
>
> > You need to hijax those links - has been answered quite a few times on
> > this already:
>
> > S('#foo').tabs({
> >     load: function(e, ui) {
> >         $('a', ui.panel).click(function() {
> >             $(ui.panel).load(this.href);
> >             return false;
> >         });
> >     }
>
> > });
>
> > Note to self: add to FAQ.
>
> > --Klaus
>
> > Chris schrieb:
>
> > > Hi,
>
> > > I'm using the jQuery UI tabs with ajax page loading.
> > > so this kind of code for the tabs
>
> > > <div id="example" class="mytabs">
> > >      <ul>
> > >          <li><a href="albums1.php">Album1</a></li>
> > >          <li><a href="albums2.php">Album2</a></li>
> > >      </ul>
> > > </div>
>
> > > Let's say that the tab displays pictures. If the user clicks on an
> > > image, I would like to open a new php file in the same tab (replacing
> > > the old content) displaying the pic and some infos
>
> > > How can I do that ?
>
> > > Thx
> > > Chris
--~--~---------~--~----~------------~-------~--~----~
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