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
คุณสมบัติทรัพย์สินที่จะถูกใช้เป็นกุญแจสำคัญในการจัดเก็บและเรียกอินสแตนซ์ มิฉะนั้นพารามิเตอร์ชื่อ