Вкладки только рендеринга первой страницы

У меня есть приложение, которое я создаю, и я использую элемент управления вкладками jquery для навигации. Все отображается правильно для первой страницы, но вторая страница полностью пуста для содержимого. Когда я перемещаюсь с другой вкладки на первую вкладку, первая вкладка показывается правильно.Вкладки только рендеринга первой страницы

Вот моя главная страница с закладками

<!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 или с отправленным кодом. У вас есть живой пример проблемы, которую мы можем видеть? – David

я понял это, я убрал функцию ниже, и она работает должным образом.

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

источник

2013-09-24 16:40:43

Вкладки только рендеринга первой страницы

ответ

Смежные вопросы