jquery - Tabs only rendering first page -
i have app making , using jquery tab control navigation. renders first page, second page blank content. when navigate tab first tab, first tab still displays correctly.
here master page tabs
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head id="head1" runat="server"> <title></title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> <link href="styles/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /> <script src="scripts/jquery-1.10.2.js" type="text/javascript"></script> <script src="scripts/jquery-ui-1.10.3.js" type="text/javascript"></script> <script src="scripts/footable.js" type="text/javascript"></script> <script src="scripts/footable.sort.js" type="text/javascript"></script> <script src="scripts/footable.paginate.js" type="text/javascript"></script> <link href="styles/footable.core.css" rel="stylesheet" type="text/css" /> <link href="styles/footable.standalone.css" rel="stylesheet" type="text/css" /> <asp:contentplaceholder id="headcontent" runat="server"></asp:contentplaceholder> <script type="text/javascript"> $(function() { $(".tabs").tabs(); }); $(".tabs").on('click', function() { __dopostback('tabs', ''); }); </script> </head> <body> <form id="form1" runat="server"> <div class="page"> <div class="header"> <div class="title"> <h1> <asp:image id="image1" runat="server" imageurl="~/images/cclogo.jpg" /> </h1> </div> <div class="logindisplay"> <asp:loginview id="headloginview" runat="server" enableviewstate="false"> <loggedintemplate>welcome <span class="bold"><asp:loginname id="headloginname" runat="server" /></span>! [ <asp:loginstatus id="headloginstatus" runat="server" logoutaction="redirect" logouttext="log out" logoutpageurl="~/" />]</loggedintemplate> </asp:loginview> </div> <div class="clear hideskiplink"> <div id="tabs" class="tabs"> <ul> <li><a href="my audits.aspx">my audits</a> </li> <li><a href="my claims.aspx">my claims</a> </li> <li><a href="reports.aspx">reports</a> </li> <li><a href="maintenance.aspx">maintenance</a> </li> </ul> </div> </div> </div> </div> <div class="main"> <asp:contentplaceholder id="maincontent" runat="server" /> </div> <div class="clear"></div> </div> <div class="footer"></div> </form> </body> </html>
i figured out, removed function below , working properly.
$(".tabs").on('click', function() { __dopostback('tabs', ''); });
Comments
Post a Comment