jQueryモバイル分割ボタンリスト質問

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>