没有图标的JQuery Mobile拆分按钮列表

Question

我试图做两个部分和每个链接上的不同链接的列表，但是我不能在列表的右部使用图标。

我试图把数据图标='假'到处，但它不起作用，它使用默认图标。

我也尝试过使用它，但它工作正常，但我无法使它看起来像分割列表一样好。

任何想法如何做到这一点？

非常感谢！

Answer 1

我设法用这样controlgroup做到这一点，并在.css文件播放宽度：

<li data-role='list-divider'> 
    <div data-role='controlgroup' data-type='horizontal' > 
     <a class='resume' type='button' href='javascript:void(0)'> 
      <span class='name' >Object Name </span> 
     </a> 
     <a class='info' type='button' href='javascript:void(0)'> 
      <span class='name'>Max Value </span> 
     </a> 
    </div> 
</li> 

Answer 2

您可以覆盖的.ui图标类的jQuery Mobile的这样的事情，

.ui-icon-your_name_icon { 
    width: 18px; 
    height: 18px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
    background-position: 50% 50%; 
    background: url("../images/some_one_image_transparent.png") no-repeat scroll 0 0 transparent; 
} 

我希望这有助于。 :)