6

split view私はを使用して実装しようとしましたJQuery mobile Phone gap

のサンプルコード index.html

    <head> 
        <link rel="stylesheet" href="inc/jquery.mobile.structure-1.0.1.min.css" />
        <link rel="stylesheet" href="inc/jquery.mobile-1.0.1.min.css" />
        <link rel="stylesheet" href="inc/resources/css/jquery.toastmessage.css" />

        <script type="text/javascript" src="inc/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="inc/jquery.mobile-1.0.1.min.js"></script>

        <script type="text/javascript" src="inc/phonegap-1.2.0.js"></script>
    </head> 

    <body> 

        <div data-role="page" data-theme="c">
            <div data-role="header">
                Mpbile Split View
            </div>   

            <div data-role="content">

                 <!--- Left side view------>
                <div class="left-content">
                    <h3>lef hand content</h3>
                    <ul data-role="listview">
                        <li>One</li>
                        <li>One</li>
                        <li>One</li>
                        <li>One</li>
                    </ul>
                </div>

                <!--- Right side view------>
                <div class="right-content">
                    <h3>Right hand content</h3>
                    <ul data-role="listview">
                        <li>Two</li>
                        <li>Two</li>
                        <li>Two</li>
                        <li>Two</li>
                    </ul>
                </div>
            </div>
        </div>


    </body> 
</html> 

ただし、以下に示すように、同じページに両方のビューが上から下に1つずつ表示されます。

ここに画像の説明を入力してください

左側()と右側()に2つのテーブルが必要です。split view root viewdetails view

jQueryを使用するにはどうすればよいですか?前もって感謝します

4

3 に答える 3

1

マルチビュー プラグインを使用してみてください。

Jquery Mobile で 1/2/3 パネルとポップオーバー パネルを並べて表示できます。私は PhoneGap で試していません (JQM 1.1 で終了したばかりです)。

1.1 バージョンと JQM 1.1.multiview を使用してください。これを機能させるには、いくつかの調整が必要です。

現在、新しい README とサンプル サイトを作成中です。数日で立ち上がるはずです。

于 2012-05-25T15:33:26.270 に答える
1

シンプルスプリットビューを試す

http://simplesplitview.sourceforge.net/

最高の jquerymobile スプリットビューであり、実装が非常に簡単です

于 2012-08-27T03:12:46.953 に答える
1

http://jeromeetienne.github.com/jquery-mobile-960/を使用して、そのグリッドで分割できます。

960.gs またはその他の CSS グリッド フレームワークを知っていれば、非常に簡単です。上記のサイトで使用のデモがあります。

于 2012-05-25T13:34:57.833 に答える