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