jQuery Mobile拆分按鈕列表問題

Question

我想在右側獲取圖片，但它始終顯示爲箭頭。

<ul data-role="listview" data-theme="g"> 


<li> 
<a href="#"> 
<img src="../Images/play_button.gif" width="16" height="16" class="ui-li-icon" /> 
<span>Item 1</span> 
<span class="ui-li-count">12</span> 
</a> 

<a href="#"> 
     // I want an image to appear here 
</a> 

</li> 

<li> 
<img src="../Images/play_button.gif" width="16" height="16" class="ui-li-icon" /> 
<span>Item 2</span> 
<span class="ui-li-count">9</span> 
</li> 

</ul> 

Answer 1

我不知道究竟什麼是錯的，你正在使用列表視圖佈局， 我會學習的文件，並將它與你的代碼

http://jquerymobile.com/demos/1.0a1/#docs/lists/index.html

Answer 2

如果你想用你的圖標替換那些jqm圖標，看看這個： http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/buttons/buttons-icons.html

看看「自定義圖標」部分會幫助你。

Answer 3

，我發現這是列表的概述：http://www.youtube.com/watch?v=YaZhS_8vaYo這表明，因爲整個內容被包裝在一個<a>，我想，如果你把一個H3內部的鏈接，它會變得更加包含的，沒有顯示錯誤的箭頭。我唯一沒有想到的是一個自定義圖標;你可能只是漂浮它。

Answer 4

我看頁面的源代碼，並發現它非常有幫助... lists-split.html

看起來是這樣的。

<ul data-role="listview" data-split-icon="gear" data-split-theme="d"> 
    <li><a href="index.html"> 
     <img src="images/album-bb.jpg" /> 
     <h3>Broken Bells</h3> 
     <p>Broken Bells</p> 
    </a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> 
    </li> 
    <li><a href="index.html"> 

     <img src="images/album-hc.jpg" /> 
     <h3>Warning</h3> 
     <p>Hot Chip</p> 
    </a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> 
    </li> 
</ul>