只顯示第一頁的標籤

我有一個應用程序，我正在使用jquery tab控件進行導航。一切都爲第一頁正確呈現，但第二頁對於內容完全是空白的。當我從另一個標籤導航到第一個標籤時，第一個標籤仍能正確顯示。只顯示第一頁的標籤

這是我的母版頁與標籤

<!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>

來源

2013-09-24 Steven Ackley

標籤內容在哪裏？這些看起來像其他頁面的鏈接。如果其他頁面之一爲空白，那麼您在哪裏定義該頁面的內容？ – David

所有其他內容都在鏈接指向的那些頁面中 –

如果您手動導航到第二頁，而不是單擊鏈接，是否會工作？我不明白這個問題與jQuery UI選項卡或發佈的代碼有什麼關係。你有一個我們可以看到的問題的實例嗎？ – David

我想通了，我刪除了以下功能，並能正常工作。

$(".tabs").on('click', function() { 
      __doPostBack('tabs', ''); 
     });

來源

2013-09-24 16:40:43

只顯示第一頁的標籤

回答

相關問題