JQuery Mobile Split Кнопка Список Вопрос

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

Я просмотрел страницу источника и нашел ее очень полезной ... списки-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>

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

Я не совсем уверен, что не так с макетом, который вы используете для представления списка, я изучил бы документацию и сравнил бы ее с вашим кодом

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