i don't think your HTML is correct as you have the same "target" for
all your <li> items
On Jun 16, 7:58 am, mcmx <mcmx...@gmail.com> wrote:
> Hi, I came across a serious bug using jQuery UI 1.7.2 and tabs. I
> select certain tab on document ready using:
> $(document).ready(function(){
> $('#test').tabs({selected: 3});});
>
> and the fourth tab is selected as expected. But when i click on
> another tab, it comes selected, but the previous (selected on load)
> tab also remains selected. On next click everything is working fine.
> I'm using the ajax functionality. Below is my simple code i'm testing
> with:
>
> <html>
> <head>
> <script type="text/javascript" src="scripts/jquery/jquery.js"></
> script>
> <script type="text/javascript" src="scripts/jquery/jquery-ui.js"></
> script>
> <script type="text/javascript">
> $(document).ready(function(){
> $('#test').tabs({selected: 3});});
>
> </script>
> <style>
> .ui-tabs-selected {
> background-color: red;}
>
> #test ul li{
> display: block;
> float:left;}
>
> </style>
> </head>
> <body>
> <p>bla bla</p>
> <div id="test">
> <ul>
> <li><a href="url1" title="cont">tab 0</a></li>
> <li><a href="url2" title="cont">tab 1</a></li>
> <li><a href="url3" title="cont">tab 2</a></li>
> <li><a href="url4" title="cont">tab 3</a></li>
> </ul>
> </div>
> <div id="cont"></div>
> </body>
> </html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
