Your HTML is broken - at least in the code you've posted - each tab
needs to be in a <li> tag.
<div id="service_categories_tabs">
<ul>
<li>
<a href="/welcome/testcontent"
title="servicecategoriescontent">test1</a>
</li>
<li>
<a href="/welcome/testcontent"
title="servicecategoriescontent">test2</a>
</li>
<div id="servicecategoriescontent"></div>
</ul>
</div>
Also, I am not sure if using one container for both tabs will work.
--Klaus
On 13 Feb., 10:42, Anton <[email protected]> wrote:
> Hi! I have the following problem:
>
> When I use tabls like this (Ajax mode):
>
> <div id="service_categories_tabs">
> <ul>
> <li>
> <a href="/welcome/testcontent"
> title="servicecategoriescontent">test1</a>
> <a href="/welcome/testcontent"
> title="servicecategoriescontent">test2</a>
> <div id="servicecategoriescontent">
> </div>
> ...
> $(document).ready(function() {
> == $('#service_categories_tabs').tabs();
>
> The first (default) tab is loaded via Ajax and displayed (just as I
> would have guessed)...
> BUT all other tabs just have plain html links and open the page as
> they when I do not apply the $(...).tabs() directive...
>
> Anybody can help? Any ideas?
>
> Thank you very much in advance!
>
> Best regards,
>
> Anton
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
