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>                     &nbsp;<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

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

c++ - Clear the memory after returning a vector in a function -

erlang - Saving a digraph to mnesia is hindered because of its side-effects -