Jquery mobile JQuery手机自定义图标未显示

我正在尝试向jqm添加一个自定义图标，我正在执行以下操作：

<style>
.ui-icon-myicon {
    background-image: url('images/myicon.png') !important;
}
</style>

.ui图标myicon{
背景图片：url（'images/myicon.png'）！重要；
}

然后在页脚中

<li>
<a href="#" data-icon="myicon" data-iconpos="top" class="ui-btn-active ui-state-persist btn_inner">News</a>
</li>

我的问题是什么也没有出现

---

我忘了什么吗？

删除类标记并使用JQM中内置的标识符

<a href="news.html" data-role="button" data-iconpos="top" data-icon="myicon">News</a>

---

警告：如果您使用的是jQuery1.4+，那么您需要以不同的方式定义它们（注意下面的

：after

）

---

我也遇到了同样的问题，我检查了inspect元素，发现我的后台自定义图标路径的URL是错误的

我在图片文件夹中有我的自定义图标，所以在CSS中我给出了

.ui-icon-myicon:after{
    background-image:url("images/facebook.png");
    /* Make your icon fit */
    background-size:18px 18px;
}

前面指向的URL:Myproject/css/images/facebbok.png

然后我将CSS更改为：

.ui-icon-myicon:after{
        background-image:url("../images/facebook.png");
        /* Make your icon fit */
        background-size:18px 18px;
    }

---

这样做之后，我可以看到图像

您可以制作一个JSFIDLE或一个示例的问题或链接吗？

.ui-icon-myicon:after{
    background-image:url("images/facebook.png");
    /* Make your icon fit */
    background-size:18px 18px;
}

.ui-icon-myicon:after{
        background-image:url("../images/facebook.png");
        /* Make your icon fit */
        background-size:18px 18px;
    }