0

jQuery Mobile と Phone-Gap を使用して iPhone アプリを実装しました。

2 つの要件が必要です。

1.デバイダーをアルファベット順に設定します（自動ディバイダーを使用） ここに画像の説明を入力

2. 行の左側に画像ビューを追加します (img src="egg.jpg" を使用)。

ここに画像の説明を入力

1. 自動デバイダ:-

I used list-divides A,F,J,R for this table image 少量のデータの 自動分割には問題ありません。but for large amount of data we need to use

そのため、次のようにデバイダーを設定するための最良のオプションとしてAutoDividers を使用しましたが、機能しません。

listodividers を使用して図に示す上記の形式を取得しました

<ul data-role="listview" data-autodividers="true" class="ui-listview">
      <li><a href="astra.html">Astra</a></li>
      <li><a href="zappa.html">Frank Zappa</a></li>
      <li><a href="tull.html">Jethro Tull</a></li>
      <li><a href="radiohead.html">Radiohead</a></li>
      <li><a href="who.html">The Who</a></li>
    </ul>

2. 画像ソース

<img src="egg.jpg"/>次のように画像を設定するための最良のオプションとして使用しましたが、機能しません。

<ul data-role="listview" data-autodividers="true" class="ui-listview">
                        <li><img src="egg.jpg"/> 
                            <a href="#egg" data-panel="main">Egg......</a>
                        </li>
                        <li><img src="egg.jpg"/>  
                            <a href="#egg" data-panel="main">Egg......</a>
                        </li>
                        <li><img src="egg.jpg"  class="ui-li-icom"/>  
                            <a href="#egg" data-panel="main">Egg......</a> 
                        </li>
                        <li><img src="album-bb.jpg" class="ui-li-thumb"/>
                            <a href="#egg" data-panel="main">Egg......</a>
                        </li>
                    </ul>

上記のリスト項目で説明したように、さまざまな形式のテキストまたはセルの上に画像が表示されます

Why these are not working for properly my app......?

xcode 4.1を使用しました

phoneGap 用Cordova 1.7.0

4

2 に答える 2

4

このように使う

<li>
     <a href="#egg" data-panel="main">
         <img src="egg.jpg"/>  
         <p>Egg......</p>
     </a>
 </li>
于 2012-06-08T09:32:49.283 に答える
0

あなたの問題はPhoneGapとは何の関係もないと思います. Chrome や Firefox などのブラウザーでページを閲覧し、開発者ツールを使用して CSS を確認することをお勧めします。そこで動作する場合は、アプリで試してください。

于 2012-06-08T09:06:21.593 に答える