javascript - 如何在 jQuery Mobile 中的按钮上实现通知编号？

Question

我正在制作一个 jquery 移动应用程序。我想向这样定义的按钮添加通知编号。

<a id="resource-button" href="#" data-role="button" data-icon="info" data-iconpos="left">Resources</a> 

基本上我想要这样，如果数字 > 0，那么它应该是这样的:

如果 its = 0，则数字图标根本不应该显示。

我该如何实现？

谢谢

Answer 1

HTML

<div id="icon">
    <div id="not">3</div>
</div>

CSS

#icon
{
    height:100px;
    width:100px;
    background-color:#bbb;
    position:relative;

}
#not
{
    position:absolute;
    top:-10px;
    right:-10px;
    background-color:#f00;
    width:20px;
    height:20px;
    color:#fff;
    border-radius:20px
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    text-align:center;
    border:2px solid #fff;

}

JQuery

$(document).ready(function(){
   if($("#not").html()=="0") $("#not").hide();  
});

附Fiddle