Hi Dirk,
Have a look at the tabs("enable") and tabs("enable", index) methods,
as well as the corresponding tabs("disable"), tabs("disable", index)
methods.
Knowing this, you can set
$('.selector').tabs({ ajaxOptions: { ... } });
... wherein you disable the tabs in the beforeSend event and re-enable
them in the complete event.
See http://docs.jquery.com/Ajax/jQuery.ajax for more information on
that.
This is very slick and it works exactly as you may expect. The only
complexity is whether you have pre-disabled tabs. Otherwise --
meaning when all tabs are active and enabled -- you can use tabs
("enable") and tabs("disable") with impunity without specifying
individual tabs or exceptions.
**--** Steve
On Dec 15, 8:45 am, Dirk Louwers <[email protected]> wrote:
> Hi,
>
> I would like to prevent users from clicking on tab content when it's
> asynchronously loading content when a tab has been clicked and display
> a loading screen where the tab-panel is normally displayed.
>
> I was unable to find such functionality on the ui.tabs widget. Then I
> went to see if I could get a hold of the panel that was displayed
> while the clicked tab was loading. I found out that I *can* get a hold
> of the panel of the clicked tab, but that isn't displayed until it has
> finished loading.
>
> Lastly I tried to jQuery.extend the ui.tabs.prototype, but
> unfortunately I got in trouble when trying to override the load method
> and trying to call it on it's superclass, because it caused the "too
> much recursion" error.
>
> So I am at the end of my options and hope someone can point me in the
> right direction.
>
> Best,
>
> Dirk Louwers
--
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.
