0

KendoUI ページから取得し、アプリケーションに適合させたカスタム タブストリップを使用しています。\

3 つのタブ (home、startOfDay、stops) があります。各タブは HTML ページに移動します。

問題はこれです。ホームから他のタブのいずれかに問題なく移動できますが、その後別のタブに移動しようとすると、空白のページに移動します。

これが私のレイアウトコードです。

<section data-role="layout" data-id="default">
    <header data-role="header">
        <div data-role="navbar">FnF Driver Application</div>
    </header>
    <!--View content will render here-->
    <footer data-role="footer">
        <div data-role="tabstrip" id="custom-tabstrip">
            <a data-icon="home" href="home.html">Home</a>
            <a data-icon="globe" href="startOfDay.html">Start Of Day</a>
            <a data-icon="toprated" href="stops.html">Stops</a>
        </div>
    </footer>
</section>

各ページは、次のような div に含まれています...

<body>
    <div id="home/startOfDay/stops" data-role="view" data-layout="default">
     ~Content goes here~
    </div>
</body>

どんな助けでも大歓迎です。

ありがとう！！！

4

2 に答える 2

0

空白のビューであっても、レイアウトが正しく機能するために少なくとも 1 つのビューが定義されている必要があることをどこかで読みました。空白のビューを入れてみてください。

<section data-role="layout" data-id="default">
    <header data-role="header">
        <div data-role="navbar">FnF Driver Application</div>
    </header>
    <!--View content will render here-->
    <div data-role="view"></div>
    <footer data-role="footer">
        <div data-role="tabstrip" id="custom-tabstrip">
            <a data-icon="home" href="home.html">Home</a>
            <a data-icon="globe" href="startOfDay.html">Start Of Day</a>
            <a data-icon="toprated" href="stops.html">Stops</a>
        </div>
    </footer>
</section>
于 2014-03-02T06:51:21.737 に答える