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。如果它在那裏工作，然後在應用程序中嘗試。