0

我已经使用 jQuery Mobile 和 Phone-Gap 实现了一个 iPhone 应用程序。

我需要两个要求：

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作为设置 deviders 的最佳选项，但它不起作用。

我已经使用 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 回答