如何在jquery mobile split-btn-list中将自定义图像用作按钮

Question

如何将我的自定义图像替换为标准图标作为jquery mobile Split buttons中的按钮 - 列表

我正在使用一个函数来自动将新项目添加到我的列表视图中，但代码达到了不同的html：我的图像总是尿布，我得到自定义arrowIcon。

它应该如何：

Answer 1

您可以使用某些css创建jQM的自定义图标：

.ui-icon-customtrash:after {
    background-image: url("http://www.megaicons.net/static/img/icons_sizes/8/60/256/industry-trash-2-icon.png");
    background-position: 3px 3px;
    background-size: 90%;

    background-color: transparent;
    height: 34px;
    width: 32px;
    margin-left: -17px;
    margin-top: -16px;
}

然后在列表视图中，如果所有拆分图标都是同一图片，则在data-split-icon="customtrash"元素上使用<UL>，或在个别<LI>上使用data-icon="customtrash" icon anchor。

  

<强> DEMO