Question

我正在尝试使用两个部分和每个部分上的不同链接来执行列表但是如果不使用列表右侧部分中的图标我无法执行此操作。

我试图将data-icon ='false'放在任何地方，但它不起作用，它使用默认图标。

我也尝试使用它并且它可以工作，但我无法使它看起来像拆分列表一样好。

关于如何做到这一点的任何想法??

非常感谢！

Answer 1

你可以覆盖像这样的jquery mobile的.ui-icon类，

.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;
}

我希望这会有所帮助。：）

Answer 2

我已经成功地使用这样的控制组并在.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>

没有图标的JQuery Mobile Split按钮列表

2 个答案: