[jQuery] Jquery UI tabs problem

[jQuery] Jquery UI tabs problem


Hi
I am trying to make a simple example using tabs:
But the problem is , if i have button in 2nd tab , after clicking
it .... the control comes back to first tab .....
Here is the code example:
<head runat="server">
<title>Untitled Page</title>
<script src="jquery-latest.js"></script>
<link rel="stylesheet" href="flora.all.css" type="text/css"
media="screen" title="Flora (Default)">
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.tabs.js"></script>
<script type="text/javascript" src="tabs.js"></script>
<script>
$(document).ready(function(){
$("#example > ul").tabs();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="example" class="flora">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">

First tab is active by default/p>
<pre><code>$('#example > ul').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
<div id="fragment-3">
<asp:LinkButton ID="LinkButton1" runat="server"
OnClientClick="">google</asp:LinkButton>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
</div>
</div>
</div>
</form>
</body>
</html>
in the 2nd tab , I have a button... when I click that... it comes back
to first tab... any solutions ?
I have also tried jquery like this : where button1 is in 2nd tab.
After clicking that , i thought it should load the 2nd tab as button
is in 2nd tab but even than it goes to first tab ...
$('#Button1').click(function(){
var $tabs = $('#example > ul').tabs();
var selected = $tabs.data('selected.tabs');
switch(tabNum) {
case 0:
alert("case 0");
break;
case 1:
alert("case 1");
$('#example > ul').tabs('select', 2);
break;
case 2:
alert("case 2");
$('#example > ul').tabs('select', 2);
break;
case 3:
$('#example > ul').tabs('select', 3);
break;
case 4:
$('#example > ul').tabs('select', 4);
break;
case 5:
$('#example > ul').tabs('select', 5);
break;
}
});
Any help will be appreciated ....
Thanks