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>

jQuery Mobile拆分按钮列表问题

4 个答案: