Membuat Count Number Mailbox di Jquery Mobile

Hari ini saya akan mengajarkan cara membuat count number pada mailbox di jQuery Mobile. Count ini berfungsi untuk menampilkan jumlah data yang terdapat dalam mailbox. Contohnya seperti inbox yang belum dibaca maka akan tertulis nilai count email pada inbox tersebut. Begitu juga dengan sent email, trash dan sebagainya.

jQuery Mobile memudahkan kita dalam membuat tampilan count ini yakni dengan cara menambahkan elemen <span> dengan class="ui-li-count" pada listview. Silahkan ketik struktur halaman seperti berikut :

Simpan script diatas dengan nama count-email.html kemudian jalankan pada browser maka akan terlihat hasilnya sebagai berikut :

Baca juga Cara Membuat FAQ dengan Jquery Mobile