When I click on the Tabs in Jquery Tab Plugin. Except for First tab all other tabs keep on showing the loading icon.
Hello,
When I click on the Tabs in Jquery Tab Plugin. Except for First tab all other tabs keep on showing the loading icon.
Following is the JS.
<script type="text/javascript">
var make;
var clicked = new Array();
$(function() {
var $tabs = $("#content").tabs({
select: function(e, ui) {
var thistab = ui.index;
getUserApplications(thistab);
}
});
});
function getUserApplications(thistab) {
for (var x in clicked) {
if (clicked[x] == thistab)
return;
}
switch (thistab) {
case 0:
$("#tab0").load("/Mycontrollers/UserApplication/CreateTitleView"); // This call loads a user control
break;
case 1:
$("#tab1").load("/Mycontrollers/UserApplication/CreateRenewalView");
break;
}
}
</script>
<div id="content">
<ul>
<li><a href="#tab0"><span>Title Applications</span></a></li>
<li><a href="#tab1"><span>Renewal Applications</span></a></li>
<li><a href="#tab2"><span>Operational</span></a></li>
<li><a href="#tab3"><span>Administrative</span></a></li>
</ul>
<div id="tab0"> </div>
<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
</div>