jQuery Mobile + PhoneGap listViews：问题与列表视图属性自动分频器和Img源不能正常工作

Question

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

我需要两个要求：

1.设置在按字母顺序的deviders（使用自动分频器）

2.添加的图像视图到该行的左侧（用过的IMG SRC = “egg.jpg”）

个1.自动Deviders： -

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. Imgae的Src

我已经使用<img src="egg.jpg"/>来设定图像的最佳选择上述格式如下但它不起作用。如以上在列表中的项目中提到

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

我用的xcode 4.1

科尔多瓦

<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> 

图像被显示在文本或用于不同格式的单元格上方phone0.0.0.0. PhoneGap

Answer 1

使用这样

<li> 
    <a href="#egg" data-panel="main"> 
     <img src="egg.jpg"/> 
     <p>Egg......</p> 
    </a> 
</li> 

Answer 2

我不认为你的问题与PhoneGap有什么关系。我建议您在Chrome或Firefox等浏览器中浏览您的网页，并使用开发人员工具检查您的CSS。如果它在那里工作，然后在应用程序中尝试。