:wave:
So I have these two tabs on a jquery tab widget. Each one is populated via an ajax call to the server. When I switch from tab1 to tab2, and then back to tab1, everything I had entered on tab1 is gone and it goes back to its default state that it has when first loaded. From what I've found online, most folks like this behavior, but I don't. I want the tab to load once and then stay static even if the user switches from one tab to the next and back again.
The jquery code I have for the tabs is very simple:
Here's the div that defines the tabs:
So I have these two tabs on a jquery tab widget. Each one is populated via an ajax call to the server. When I switch from tab1 to tab2, and then back to tab1, everything I had entered on tab1 is gone and it goes back to its default state that it has when first loaded. From what I've found online, most folks like this behavior, but I don't. I want the tab to load once and then stay static even if the user switches from one tab to the next and back again.
The jquery code I have for the tabs is very simple:
Code:
<script type="text/javascript" >
$(function () {
$("#tabs").tabs();
});
</script>HTML Code:
<div id="tabs">
<ul>
<li><a href="/views/home/GetBasicFacilityInfo/@Model.FacilityID">Basic Info</a></li>
<li><a href="/views/home/GetExplosiveInfo/@Model.FacilityID">Explosives</a></li>
</ul>
</div>