Jquery मोबाइल में बबल गणना (आईओएस की तरह) के साथ बैज आइकन

Question

मेरे पास कुछ आइकन के साथ एक शीर्षलेख है, मैं अधिसूचना गिनती के साथ बैज आइकन जैसे आइकन में गतिशील रूप से एक बबल गिनती दिखाना चाहता हूं। हम jquery मोबाइल में कैसे कर सकते हैं? मैंने बबल गिनती के लिए jquery मोबाइल में खोज की लेकिन वर्तमान में यह सूचीदृश्य के साथ उपलब्ध है, लेकिन मैं आईओएस अधिसूचना गिनती जैसे दाएं कोने में एक आइकन में गिनती दिखाना चाहता हूं। बैज आइकन के लिए नीचे संदर्भ यूआरएल खोजें जो jquery मोबाइल में लागू करने की आवश्यकता है, यूआरएल: http://en.wikipedia.org/wiki/Apple_Push_Notification_Service

Answer 1

यह सीएसएस के साथ किया जा सकता है।

एचटीएमएल

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

अब बस आपको यह पता लगाने की है जब "बुलबुला"

संपादित में नंबर डालने के लिए क्या करना है: "आइकन" कक्षा डॉट गायब था।