jQuery UI API - plug-in jembatan (Widget Plugin Bridge)

kategori

Utilitas (Utilities) | widget (Widgets)

pemakaian

Keterangan: Metode jQuery.widget.bridge () adalah widget library jQuery (Widget Pabrik) bagian dari. Hal ini memainkan objek perantara terdiri dari $ .widget () untuk membuat dan API jQuery antara.

$.widget.bridge() Untuk melakukan hal-hal berikut:

• Terhubung ke konstruktor JavaScript reguler untuk jQuery API.
• Secara otomatis membuat sebuah contoh objek, dan disimpan dalam unsur $.data dalam cache.
• Diizinkan untuk memanggil metode publik.
• Mencegah memanggil metode pribadi.
• Mencegah memanggil metode pada objek diinisiasi.
• Mencegah beberapa inisialisasi.

jQuery UI widget menggunakan $.widget( "foo.bar", {} ); }); definisi sintaks dari suatu objek untuk membuat. Diberikan dengan lima .foo , $ $( ".foo" ).bar(); struktur DOM akan menciptakan lima contoh dari "bar" objek. $.widget.bridge() Didasarkan pada "bar" objek dan API umum untuk bekerja di perpustakaan. Oleh karena itu, Anda dapat menulis $( ".foo" ).bar() ) untuk membuat sebuah contoh, dengan menulis $( ".foo" ).bar( "baz" ) "baz") untuk memanggil metode.

Jika Anda ingin inisialisasi satu kali dan memanggil metode, maka pesan yang Anda kirim ke jQuery.widget.bridge() objek bisa sangat kecil:

var Highlighter = function (pilihan, elemen) {
  this.options = pilihan;
  this.element = $ (elemen);
  this._set (800);
};
Highlighter.prototype = {
  beralih: function () {
    this._set (this.element.css ( "font-weight") === 400 800: 400?);
  },
  _set: function (value) {
    this.element.css ( "font-weight", nilai);
  }
};

Di sini Anda butuhkan adalah konstruktor yang menerima dua parameter:

• options : pilihan konfigurasi obyek
• element : elemen DOM yang menciptakan contoh

Kemudian Anda dapat menggunakan jembatan (bridge) ke objek sebagai plugin jQuery, dan Anda dapat menggunakannya pada setiap objek jQuery:

// Hook up plugin
$ .widget.bridge ( "ColorToggle", stabilo);
 
// Inisialisasi pada divs
$ ( "Div") .colorToggle (). Klik (function () {
  // Panggil metode umum di klik
  $ (Ini) .colorToggle ( "beralih");
});

Untuk menggunakan jembatan (bridge) semua fitur yang Anda butuhkan untuk memiliki objek prototipe _init() metode. Metode ini disebut panggilan plug-in dan contoh sudah ada. Dalam hal ini, Anda juga perlu memiliki option() metode. Metode ini akan untuk pilihan sebagai argumen pertama disebut. Jika tidak ada pilihan, argumen adalah obyek kosong. Untuk option untuk menggunakannya, silakan lihat $.Widget .

Bridge (jembatan) memiliki atribut opsional, jika ada: Jika objek memiliki prototipe widgetFullName properti, properti akan digunakan sebagai kunci untuk menyimpan dan mengambil contoh. Jika tidak, parameter nama.