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