Jquery Mobile中带有气泡计数的徽章图标（如iOS）

我有一个标题和几个图标，我想显示一个气泡计数动态图标像徽章图标与通知计数。在jquery mobile中我们该怎么做？我在jquery mobile中搜索了气泡计数，但它目前可用于listview，但我想在右上角的图标中显示气泡计数，就像iOS通知计数一样。找到需要在jquery mobile中实现的徽章图标的以下参考url，url:

这可以通过CSS完成

HTML

现在你所要做的就是弄清楚什么时候把数字插入“气泡”

---

编辑：“图标”类点丢失。

是否要在用户设备上的实际应用程序图标上显示图标？或者只是应用程序内页面上的气泡计数图标？我想在应用程序内页面上的图标中显示气泡计数。

<div class="icon">
    <span class="count">12</span>
</div>

.icon {
   width: 50px;
   Height: 50px;
   background: url(/images/icon.png)
}

.icon .count {
    background:#ff0000;
    position: absolute; 
    top: -8px;
    Right: -8px;
    min-width:14px;
    height: 14px;
    color:#ffffff;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    font-size: 12px;
}