aldiunanto.com

jQuery .attr() tidak berfungsi pada plugin jQuery dialog

Pernahkah anda meng-costumize jQuery.dialog plugin ? Tag default HTML nya kurang lebih seperti berikut :

Tag seperti HTML diatas itu akan menghasilkan nilai konstan pada bagian title. Perhatikan gambar dibawah ini.

Ilustrasi 1

Pada suatu kasus, saya ingin membuat sebuah fungsi javascript dimana pada fungsi ini nantinya akan dilakukan pemanggilan terhadap selektor jQuery.dialog namun kali ini bagian title akan kita setting secara dinamis. Bagaimana caranya?

jQuery sendiri sudah melengkapi library-nya supaya kita bisa dengan mudah mengubah value dari suatu atribut tertentu. Yap! dengan menggunakan .attr(). Namun jangan harap fungsi ini akan bekerja pada selektor untuk jQuery Dialog yang script HTML sudah saya berikan diatas tadi.

Lalu bagaimana caranya?
Cukup simple!
Anda cukup mengubah tag yang dibuat oleh jQuery.dialog dan me-replace nya dengan variable yang anda kirim ke fungsi dengan menggunakan .text(). Maka kurang lebih gantilah script fungsi yang sudah dibuat tadi sepertiĀ kode dibawah ini.

Selamat mencoba! semoga bermanfaat.

Leave a Reply

%d bloggers like this: