jQuery UI API - plug-in สะพาน (Widget ปลั๊กอินสะพาน)
หมวดหมู่
ยูทิลิตี้ (Utilities) | เครื่องมือ (วิดเจ็ต)
การใช้
คำอธิบาย: jQuery.widget.bridge () วิธีการเป็น ห้องสมุดเครื่องมือ jQuery (โรงงาน Widget) เป็นส่วนหนึ่งของ มันเล่นวัตถุตัวกลางประกอบด้วย $ .widget () เพื่อสร้างและ jQuery API ระหว่าง
| 参数 | 类型 | 类型 |
|---|---|---|
| name | String | 要创建的插件名称。 |
| constructor | Function() | 当插件被调用时要实例化的对象。 |
$.widget.bridge() ที่จะทำสิ่งต่อไปนี้:
- เชื่อมต่อกับคอนสตรัค JavaScript ปกติเพื่อ jQuery API
- โดยอัตโนมัติสร้างตัวอย่างวัตถุและเก็บไว้ในองค์ประกอบของ
$.dataภายในแคช - ได้รับอนุญาตให้เรียกใช้วิธีการสาธารณะ
- ป้องกันไม่ให้เรียกวิธีเอกชน
- ป้องกันไม่ให้วิธีการเรียกใช้บนวัตถุที่เตรียม
- ป้องกันไม่ให้เกิดการเริ่มต้นหลาย
เครื่องมือ jQuery UI การใช้ $.widget( "foo.bar", {} ); }); นิยามไวยากรณ์ของวัตถุที่จะสร้าง ป.ร. ให้ไว้กับห้า .foo , $ $( ".foo" ).bar(); โครงสร้าง DOM จะสร้างห้ากรณีของ "บาร์" วัตถุ $.widget.bridge() ขึ้นอยู่กับ "บาร์" วัตถุและทั่วไป API ในการทำงานในห้องสมุด ดังนั้นคุณสามารถเขียน $( ".foo" ).bar() ) เพื่อสร้างอินสแตนซ์โดยการเขียน $( ".foo" ).bar( "baz" ) "Baz") จะเรียกวิธีการ
ถ้าคุณต้องการเริ่มต้นเพียงครั้งเดียวและเรียกวิธีการแล้วข้อความที่คุณส่งไป jQuery.widget.bridge() วัตถุจะมีขนาดเล็กมาก
var = เน้นฟังก์ชั่น (ตัวเลือกองค์ประกอบ) {
this.options = ตัวเลือก;
this.element = $ (องค์ประกอบ);
this._set (800);
};
Highlighter.prototype = {
สลับ: ฟังก์ชั่น () {
this._set (this.element.css ( "font-weight") === 400 800 400?);
}
_set: ฟังก์ชั่น (ค่า) {
this.element.css ( "font-weight" ค่า);
}
};
ที่นี่คุณต้องเป็นตัวสร้างที่ยอมรับทั้งสองพารามิเตอร์:
-
optionsการกำหนดค่าตัวเลือกของวัตถุ: -
element: องค์ประกอบ DOM ที่จะสร้างตัวอย่างของ
แล้วคุณสามารถใช้สะพาน (สะพาน) ไปยังวัตถุที่เป็นปลั๊กอิน jQuery และคุณสามารถใช้งานได้บนวัตถุใด ๆ jQuery:
// เบ็ดขึ้นปลั๊กอิน
$ .widget.bridge ( "ColorToggle" เน้น);
// เริ่มต้นบน divs
$ ( "Div") .colorToggle (). คลิก (ฟังก์ชั่น () {
// เรียกวิธีของประชาชนเกี่ยวกับการคลิก
$ (นี้) .colorToggle ( "สลับ");
});
เพื่อที่จะใช้สะพาน (สะพาน) คุณลักษณะทั้งหมดที่คุณจำเป็นต้องมีต้นแบบวัตถุ _init() วิธีการ วิธีการนี้เรียกว่า plug-in ที่โทรและตัวอย่างที่มีอยู่แล้ว ในกรณีนี้คุณยังจะต้องมี option() วิธีการ วิธีการที่จะเป็นตัวเลือกที่เป็นอาร์กิวเมนต์แรกเรียกว่า หากมีตัวเลือกไม่มีอาร์กิวเมนต์เป็นวัตถุว่างเปล่า สำหรับ option ที่จะใช้มันโปรดดู $.Widget
สะพาน (สะพาน) มีแอตทริบิวต์ที่ไม่บังคับถ้ามันมีอยู่: ถ้าวัตถุมีต้นแบบ widgetFullName คุณสมบัติทรัพย์สินที่จะถูกใช้เป็นกุญแจสำคัญในการจัดเก็บและเรียกอินสแตนซ์ มิฉะนั้นพารามิเตอร์ชื่อ