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
-~----------~----~----~----~------~----~------~--~---
