Jquery mobile jQuery移动拆分按钮列表问题

Jquery mobile jQuery移动拆分按钮列表问题,jquery-mobile,Jquery Mobile,我试图在右边得到一个图像,但它总是以箭头的形式出现 <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-co

我试图在右边得到一个图像,但它总是以箭头的形式出现

<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>

我不确定您用于列表视图的布局到底有什么问题, 我将研究文档并将其与您的代码进行比较


如果要用图标替换这些jqm图标,请阅读以下内容:


查看“自定义图标”部分是否对您有所帮助。

我发现这是列表的一个概述:它显示箭头,因为整个内容都被包装在一个H3中,我认为如果您将链接放在H3中,它将变得更加包含,而不会显示错误。我唯一没有弄明白的是一个自定义图标;您可以将其浮动。

我查看了页面源代码,发现它非常有用。。。

看起来像这样

<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移动团队真的应该在文档方面投入一些时间。查看源代码不会有多大帮助,因为动态添加的类看起来会很混乱。他们应该提供一些片段。