Jquery Mobile ile Bubble Count (iOS'taki gibi) Badge Simgesi

Question

Birkaç simgeli bir başlığım var, bildirim sayımı olan bir rozet simgesi gibi bir simgeye dinamik olarak bir baloncuk göstermek istiyorum. JQ Mobil'de nasıl yapabiliriz? Bubble sayımı için jQuery'de arama yaptım, ancak şu anda listview ile kullanılabilir, ancak sayımı iOS bildirimi sayısı gibi bir simgenin sağ üst köşesinde göstermek istiyorum. Jquery mobile uygulamasında uygulanması gereken rozet simgesi için aşağıdaki referans URL'yi bulun: url: http://en.wikipedia.org/wiki/Apple_Push_Notification_Service

Answer 1

Bu, CSS ile yapılabilir.

HTML

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

CSS

.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; 
} 

Şimdi "balon"

DÜZENLEME içine numarayı zaman ekleneceği anlamaya yapmanız gereken tek şey: "simge" sınıf noktası eksikti.