0

私はApp Builder Webアプリケーションに取り組んでいます。私のページ中央には、さまざまな Jquery Mobile ウィジェットをドラッグ アンド ドロップし、これらのウィジェットを並べ替えてアプリを構築するモバイル画面のような DIV があります。しかし、問題は、NAVBAR (data-role="navbar") を追加すると、HTML DOM がターゲット div 内に入りますが、Web ページの下部に表示されることです。スクリーンショットを参照してください。div内に表示する方法はあります（iframeなし）。

ここに画像の説明を入力

4

2 に答える 2

0

Sigma Mobility プラットフォームhttp://sigmamobility.comを使用することをお勧めします 。ここでは、簡単なドラッグ アンド ドロップ機能とスタックされたコンポーネントのリアルタイム プレビューにより、jQuery コンポーネントを使用してモバイル アプリを作成できます。

あなたの質問では、ナビゲーションバーをフッター内に配置する必要があります。これはそれを底に持ってくるでしょう。他のオプションは、navbar のインライン css3 を設定することです:

#navbarid:{
position:absolute;
bottom:0px;
}

これにより、ナビゲーション バーが下部に移動しますが、上部のコントロールがナビゲーション バーを閉じるとオーバーラップする可能性があるため、お勧めしません。

于 2013-12-20T13:18:52.193 に答える
0

これnavbarは、フッター div 内と<h4>タグの下にある必要があります。デモhttp://jsfiddle.net/yeyene/Rdfxs/16/

<div data-role="page">
    <div data-role="header">
        <h1>Page Title</h1>
    </div>

    <div data-role="content">
        <p>Page content goes here</p>
    </div>

    <div data-role="footer" data-position="fixed">
        <h4>Page Footer</h4>
        <div data-role="navbar" data-grid="c">
            <ul>
                <li><a href="#" class="ui-btn-active">One</a></li>
                <li><a href="#">Two</a></li>
                <li><a href="#">Three</a></li>
                <li><a href="#">Four</a></li>
            </ul>
        </div><!-- /navbar -->
    </div>
</div>
于 2013-06-26T09:23:36.507 に答える