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

Question

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

0

У меня есть приложение, которое я создаю, и я использую элемент управления вкладками 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>

Steven Ackley 24 сен. 2013, в 18:04

Источник

Теги:

jquery

asp.net

webforms

1 ответ

Ещё вопросы

Steven Ackley · Answer 1 · 2013-09-24T15-38-00.000Z

Я понял это, я удалил функцию ниже, и она работает правильно.

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