Hai teman-teman semuanya, masih dalam pembahasan jquery ui, kalau kemarin kita telah belajar tentang bagai mana cara membuat menu tab dengan jquery ui, sekarang kita akan belajar tentang bagaimana cara membuat draggable dengan jquery ui.

Saya tidak akan menjelaskan tentang apa itu jquery ui dan bagaimana cara menggunakannya, karena saya telah jelaskan dan praktekan pada tutorial sebelumnya, untuk itu kita langsung saja praktekkan cara membuat draggable dengan jquery ui.

Pertama-tama silahkan download terlebih dahulu library dari jquery ui nya, dan kemudian teman-teman ekstrak, lalu coba teman-teman buat sebuah file html dan ketikan script berikut ini.

script di atas menjelaskan, saya membuat sebuah div dengan id kotak :

Lalu saya mereload semua plugin yang dibutuhkan untuk menjalankan jquery ui nya pada script berikut ini :

Lalu saya mengatur sedikit div id kotak dengan sentuhan css :

lalu saya membuat fungsi untuk membuat fungsi draggable berjalan seperti script berikut ini :

Nah jika teman-teman save maka hasilnya akan seperti berikut ini :

membuat draggable dengan jquery ui img1

Kotak di atas dapat kita pindahkan dengan mengklik lalu mendrag kota tersebut, itulah cara untuk membuat fungsi draggable pada jquery ui, untuk tutorail kali ini tentang bagaimana cara membuat draggable dengan jquery ui cukup sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya,

Terimakasih.