jQuery UI 1.7.2 tabs BUG
jQuery UI 1.7.2 tabs BUG
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>
bla bla
<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>