Having issues with JQUERY TABS.
Hello,
I thought that the whole idea of Jquery tabs is that it does lazy loading.
I am using asp.net and have a page with 5 tabs.
I intentionally created an exception on tab 2 just to check the lazy loading but when I loaded the main.aspx page with all the user controls it threw an exception. It means that the tabs are not getting lazy loaded.
My whole idea was that if there is an exception on any of the tab then all other tabs should still work ok.
Following is my code;
<div id="content">
<ul>
<li><a href="#tab0"><span>Manage Vacancy</span></a></li>
<li><a href="#tab1"><span>Position(s)</span></a> </li>
<li><a href="#tab2"><span>Attachments</span></a></li>
<li><a href="#tab3"><span>Applicant(s)</span></a></li>
<li><a href="#tab4"><span>Recommendation(s)</span></a></li>
<li><a href="#tab5"><span>Letter Generation</span></a></li>
<li><a href="#tab6"><span>Summary / Close</span></a></li>
</ul>
<div id="tab0">
<Tabs:DetailsTab ID="_tabDetails" runat="server" />
</div>
<div id="tab1">
<Tabs:PositionsTab ID="_tabPositions" runat="server" />
</div>
<div id="tab2">
<Tabs:FilesTab ID="_tabFiles" runat="server" />
</div>
<div id="tab3">
<Tabs:ApplicantTab ID="_tabApplicants" runat="server" />
</div>
<div id="tab4">
<Tabs:RecommendTab ID="_tabRecommendations" runat="server" />
</div>
<div id="tab5">
<Tabs:LettersTab ID="_tabLetters" runat="server" />
</div>
<div id="tab6">
<Tabs:SummaryTab ID="_tabSummary" runat="server" />
</div>
</div>