0

かなり複雑な UITableViewCells を持つ iOS アプリがあります。

Webアプリ化を検討していますが、できればjQuery Mobileを使いたいと思っています。(iUI は素晴らしいですが、私の経験では IE ではまったく動作しません。)

jQuery Mobile の基本的なリストビューはまさに私が望んでいるもののように見えますが、各リストビュー項目を複数行のテキストよりも複雑にする方法がわかりません。

理想的には<div>、特定の方法でテキストを構成するための複数の要素を持つ機能と、各アイテムの背景色を事前に指定された色のリストの 1 つに変更する機能が欲しいです (配色は既にあり、私は各色の意味を変更することはできません)。さらに、ユーザーがセルをクリック/プレス/タップしてより詳細な情報を表示できることを示すために、アイコンを右側に保持したいと思います。

HTML をどのように構成するかのサンプル レイアウト (実際にはこれよりも複雑になります):

<div>
    <div>
        Doe, Jane (57 y)
    <div>
    <div style="float: left;">
        <div>I: 0800</div>
        <div>R: 0900</div>
        <div>S: 1000</div>
        <div>O: 1100</div>
    </div>
    <div>
        <div>
            // Some more content here
        </div>
    </div>
</div>

jQuery Mobile でこれを行うことはできますか? それとも、間違ったツリーを鳴らしていますか?

4

1 に答える 1

1

リストビューに div を追加できるとは思いませんが、次のように複数行のテキストを含めることができます: 各 li 要素を異なる色でテーマ化することもできます: jquery mobile theming list .

私の経験では、jquery モバイルではリストビューを自由にカスタマイズすることができないため、ページにある例よりも複雑にする必要がある場合は、プレーンな古い html/css を使用することをお勧めします。より多くの経験を持つ誰かが私が間違っていることを証明できることを願っています!

于 2012-08-30T20:19:09.973 に答える