jQuery UI tabs IE6 issues!!
Hello,
I am using JQuery UI tabs for user to input some form values .When I click on the tab section the page get reloads and I coudn't see the corresponding tab section.
How do I prevent the page relaoding when I click on the tabs.
My example code is as below.
HTML Code
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
<li><a href="#tabs-3">Tab3</a></li>
</ul>
<div id="tabs-1">
<p>I am in tab 1</p>
</div>
<div id="tabs-2">
<p>I am in tab 2.</p>
</div>
<div id="tabs-3">
<p>I am in tab 3</p>
</div>
</div>
JQuery Code
$(function() {
$( "#tabs" ).tabs();
});
Plugin Versions
jquery-ui-1.8.10.custom.min.js
jquery-ui-1.8.10.custom.css
jquery-1.5.1.min.js
Answers are welcome !!
Thanks,
Thiru