Membuat Button dengan Teks dan Icon di jQuery Mobile

Pada aplikasi Mobile mungkin anda pernah melihat review dimana terdapat beberapa tombol yang berada di area header seperti cancel ,send ataupun done. Pada tutorial jQuery Mobile ini kita akan mempelajari bagaimana membuat sebuah tombol cancel / done dengan menggunakan teks dan icon yang telah tersedia di jQuery Mobile.

Untuk membuat tombol ini kita harus menambahkan data-position="inline" pada header yang mendefinisikan tombol akan diletakkan satu baris atau sejajar dengan header. Anda bisa mengetikkan script jQuery Mobile dibawah ini :

data-icon mendefinisikan jenis icon yang mau kita letakkan.
Jika anda ingin melihat hasilnya silahkan simpan file diatas dengan nama jquery.html dan jalankan pada browser. Untuk melihat pengaruh dari data-position="fixed" anda harus mengatur ukuran browser ke ukuran mobile contohnya 300px X 445px. silahakan scroll kontennya maka header dan footer akan tetap pada posisinya.

Baca juga Membuat Photo Ligthbox JQuery Mobile