問題タブ [jquery-mobile-grid]

私はjqueryモバイルアプリに取り組んでいます。私のアプリには、水平にレイアウトしたいフォームデータがあります。現在、私は以下を持っています：

私の課題は、グリッド アプローチが 4 つの列を均等に分割することです。実際には、要素を水平に配置したいだけです。すべてを均等に配置する必要はありません。しかし、これを行う方法がわかりません。

コンテンツを水平にレイアウトするにはどうすればよいですか?

jqmページの要素のグリッドタイプとリストタイプのレイアウトを切り替えるjquery関数を作成しようとしています。これが私のhtml構造です：

...

私の機能は次のとおりです。

}

ただし、要素はまだ重なり合っています。私は何を間違っていますか？

ありがとう

jQuery Mobile 1.3.0 でコントロール グループのサイズを変更する方法を見つけようとして問題が発生しています。

正しいアプローチがわかりません。現在、次のように .ui-btn クラスのサイズを変更しています。

しかし、期待どおりにボタンのサイズを変更していません。右のボタンを大きくすると左のボタンと重なってしまうか、小さくしても再配置されません。

これは私の HTML です。これは 5 つのブロックを持つコントロール グループで、そのうち 4 つが列で、1 つが中央のソロ グループです。

私が設定した jsFiddle のすべてのコード: http://jsfiddle.net/4zMqn/1/

前もって感謝します！

jQueryモバイルでグリッドを中央に配置することは可能ですか. たとえば、私はこれを持っていますhttp://jsfiddle.net/nonamez/Pr8pa/

そして、それは次のように見えます

ListView をグリッドシステムに配置しようとしていますが、正しく表示されません。タブレット向けのアプリなので、文字が大きいのは気にしないでください。

jsfiddle: http://jsfiddle.net/ZX4YC/

私の jQuery モバイル アプリでは、一部のコンテンツが画面に表示されません。ヘッダーとナビゲーション バーの下に一部のコンテンツが表示されます。これは、ソロと 2 列のグリッドで作業しているグリッドに使用したコードです。

私の問題の画像: http://imageshack.us/photo/my-images/23/f3fs.png/

私のグリッドコード:

最初の ui-grid のブロック内に 2 つ目のレスポンシブ ui-grid を配置しようとしましたが、このようなものを動作させることができません。これは、25% 25% 50% の柔軟なレスポンシブ レイアウトのように動作します。

ここに私が意味することの短いサンプルがあります:

ここに私が今得たもののサンプルがあります: http://jsfiddle.net/j5zbB/

画面サイズが大きい場合は 2 つのフォーム要素が同じ行に配置され、サイズが小さい場合は互いの下に配置されます。

アップデート

この質問を超えたアイデアを写真でよりよく説明させてください。

これは、タブレットのような大きな画面サイズでのネストされたレイアウトで、横向きになります。

これは、タブレットの縦長のネストされたレイアウトになります。

これは、電話のように非常に小さな画面サイズでネストされたレイアウトになります。

たぶん、UIグリッドなしでそのようなことを達成する別の方法があるか、誰かが助けることができますか? 事前にすべてに感謝します。

モバイル画面をサポートするレスポンシブ グリッドを作成しようとしています。jQuery モバイルui-responsiveグリッドを使用すると、最初の行に 2 番目の列に対応するスペースがある場合でも、列が折り返されて行 (1 つ下に 1 つ) のように動作します。タブレット サイズの画面で同じことをテストすると、問題なく動作します。どこが間違っているのか、これがどのように動作するのか?

私が使用したコードは

css を使用して列の幅を狭めることさえ試みました.ui-grid-a .ui-block-a { width: 30% } .ui-grid-a .ui-block-b { width: 30% }。幅は減りますが、まだui-block-b次の行に残ります。