In what way do you want to change the tab content? Load from Ajax? I
can't really tell what's wrong with partial code and having to guess
what exactly you want to do...
--Klaus
On 23 Okt., 12:59, LouisHeim <[EMAIL PROTECTED]>
wrote:
> Klaus
> Thanks you for responding to my query. Unfortunately I have not been
> able to get your solution working. I am sure that I have done
> something wrong so would you mind taking a look at my implementation
> please?
>
> In the page head i have:
> function addExecutor() {
>
> $('#tabtop').tabs({
> selected: 1,
> load: function(e, ui) {
> var $innertabs =
> $('#innermemorialtabs', ui.panel);
> if ($innertabs.length) {
> $innertabs.tabs(); //
> <= initialized like this the selected tab
> will always be 0
> selected =
> $innertabs.data('selected.tabs');
> if (selected) {
>
> $innertabs.tabs('select', 0);
> }
> }
> }
> });
>
> }
>
> I then have a link in the body:
> <a href="#" onclick="addExecutor();">Add an Executor</a>
>
> When I click the link it changes to the correct #tabtop tab but the
> tab content does not change - i.e. only the tabs change.
>
> Thanks once again
> Louis
>
> Klaus Hartl wrote:
> > Please note that selecting a tab automatically loads it as well, thus
> > with your code you're loading twice which may cause some unexpected
> > results.
>
> > The next problem here is that the tab content loads asynchronously,
> > thus at the time you try to acess the inner tabs they're not be loaded
> > yet. You need to move that code into the load handler of the outer
> > tabs.
>
> > Here's the reviewed code:
>
> > $('#tabtop').tabs({
> > selected: 2,
> > load: function(e, ui) {
> > var $innertabs = $('#innermemorialtabs', ui.panel);
> > if ($innertabs.length) {
> > $innertabs.tabs(); // <= initialized like this the
> > selected tab will always be 0
> > selected = $innertabs.data('selected.tabs');
> > if (selected) {
> > $innertabs.tabs('select', 0);
> > }
> > }
> > });
>
> > --Klaus
>
> > On 22 Okt., 13:09, LouisHeim <[EMAIL PROTECTED]>
> > wrote:
> > > Hello, I have managed to select a tab using a text link as described
> > > in an example provided in the faq. However, when I try to select a tab
> > > within that tab the layout is messed up.
> > > For example:
> > > ...
> > > $maintabs = $('#tabtop').tabs();
> > > $maintabs.tabs('select', 2);
> > > $maintabs.tabs('load', 2);
> > > $innertabs = $('#innermemorialtabs').tabs();
> > > $selected = $innertabs.data('selected.tabs');
> > > if ( $selected != 0 ) {
> > > $innertabs.tabs('select', 0);
> > > }
> > > $innertabs.tabs('load', 0);
> > > ...
> > > I am no Javascript fundi and would appreciate any help or advice you
> > > can offer. With Thanks.
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
