JQuery UI Part 10 : Membuat Widget Tabs Dengan JQuery UI

JQuery UI

Malas Ngoding

Membuat widget tabs dengan jquery ui

JQuery UI Part 10 : Membuat Widget Tabs Dengan JQuery UI

Membuat Widget Tabs Dengan JQuery UI – widget tabs merupakan salah satu fitur yang berguna untuk pengelompokan konten. misalnya teman-teman memiliki beberapa judul menu besar. yang masing-masing judul nya memiliki konten nya masing-masing. bukan tidak bisa jika tidak menggunakan widget tabs. tapi akan sangat membuang-buang space pada halaman website. akan lebih bagus dan rapi jika menggunakan widget tabs. langsung saja kita masuk ke cara membuat widget tabs dengan jquery ui yang akan saya sertakan contoh nya juga agar dapat memebrikan pemahaman yg lebih untuk teman-teman yang mungkin baru mulai belajar jquery ui.

Membuat Widget Tabs Dengan JQuery UI

Membuat widget tabs dengan jquery ui sangat lah mudah. kita tidak perlu ribet-ribet lagi mengetikkan syntax javascript dan css yang terlalu panjang. kita cukup menggunakan fungsi tabs() yang telah di sediakan oleh jquery ui. jquery ui telah merangkum semua syntax javascript dan css untuk membuat widget tabs menjadi sebuah fungsi saja. silahkan perhatikan penjelasan berikut ini untuk cara membuat widget tabs dengan jquery ui.

tabs.html

style.css

perhatikan pada contoh syntax di atas untuk cara membuat widget tabs. pertama kita membuat rangka tabs nya dengan html. dan memberikan dan memberikan id atau class. saya memberikan id dengan nama tabs.

lalu kemudian berikan fungsi tabs() pada id tabs.

membuat widget tabs dengan jquery ui

membuat widget tabs dengan jquery ui

See the Pen membuat widget tabs dengan jquery ui by Malas Ngoding (@malasngoding) on CodePen.

Incoming search terms:

  • membuat jquery tab
  • membuat tab horizontal menggunakan jquery ui



Write a Comment

Your email address will not be published. Required fields are marked *