如何使用jquery mobile 1.4.2在html5中的ul属性中添加自定义图标

Question

我正在开发phonegap项目，我想在ul（Unorder list）的li属性中添加自定义图标（在我的项目文件夹中）
我正在使用JQuery mobile1 .4.2.js，Jquery mobile1.4.2.css，Jquery2.1.1.js，Jquery1.10.2.js。我尝试过，谷歌但是感到困惑而没有获得所需的输出。

是否有任何添加自定义图标的步骤？如果是，那么告诉我和任何可用的源代码然后发布... ???

先进的Thanx ..

Answer 1

工作示例：http://jsfiddle.net/kLKRm/

HTML：

<ul data-role="listview" data-icon="custom">
    <li data-role="list-divider">Europe</li>
    <li><a href="#">Norway</a></li>
    <li><a href="#">Germany</a></li>
</ul>

CSS：

.ui-icon-custom:after {
    background-image: url('http://secondavenuesagas.com/images/bullets/1.gif');
}

规则

data-icon="custom" --> .ui-icon-custom:after
data-icon="puppy" --> .ui-icon-puppy:after