jQuery UI วิดเจ็ตที่เรียกวิธี

วิดเจ็ต (Widget) โดย ห้องสมุดสมาชิก (โรงงาน Widget) โดยใช้วิธีการที่จะเปลี่ยนสถานะของพวกเขาและดำเนินการหลังจากที่เริ่มต้นจะถูกสร้างขึ้น มีสองวิธีที่จะเรียกวิธีการเครื่องมือที่มี - ผ่านห้องสมุดสมาชิก (โรงงาน Widget) เพื่อสร้างปลั๊กอินหรือโดยวิธีการเช่นองค์ประกอบของวัตถุในการโทร

โทร Plug-in

วิดเจ็ตวิธีปลั๊กอินโทรชื่อวิธีเป็นสตริงผ่าน ตัวอย่างเช่นคลิกที่นี่เพื่อดูวิธีการเรียก โต้ตอบ (โต้ตอบ) Widget close() วิธีการ

$( ".selector" ).dialog( "close" );

หากวิธีการต้องใช้พารามิเตอร์ส่งผ่านไปยัง plug-in ที่เป็นพารามิเตอร์เพิ่มเติม คลิกที่นี่เพื่อดูวิธีการเรียก โต้ตอบ (โต้ตอบ) ของ option() วิธีการ

$( ".selector" ).dialog( "option", "height" );

นี้จะส่งกลับ โต้ตอบ (โต้ตอบ) ใน height ตัวเลือก ค่า

ตัวอย่างเช่นการโทร

ตัวอย่างของเครื่องมือแต่ละแต่ละคนจะใช้ jQuery.data() ถูกเก็บไว้ในองค์ประกอบ เพื่อดึงตัวอย่างของวัตถุให้ใช้ชื่อเต็มของเครื่องมือที่จะเรียกเป็นคีย์ jQuery.data() ในฐานะที่เป็นตัวอย่างที่เฉพาะเจาะจงที่แสดงด้านล่าง

var dialog = $( ".selector" ).data( "ui-dialog" );

หลังจากที่คุณอ้างอิงตัวอย่างของวัตถุที่คุณสามารถโทรหาวิธีการที่ตรงเหนือ

var dialog = $( ".selector" ).data( "ui-dialog" );
dialog.close();

ใน jQuery UI 1.11 ใหม่ instance() วิธีการที่จะทำให้กระบวนการนี้ง่ายขึ้น

$( ".selector" ).dialog( "instance" ).close();

ประเภทกลับ

ส่วนใหญ่ใช้วิธีการที่เรียกว่าปลั๊กอินเครื่องมือที่จะกลับมาเป็น jQuery วัตถุดังนั้นวิธีการที่สามารถเรียกใช้ผ่านการเชื่อมโยงเพิ่มเติมวิธีการ jQuery เมื่อเรียกว่าอินสแตนซ์มันกลับ undefined ในฐานะที่เป็นตัวอย่างที่เฉพาะเจาะจงที่แสดงด้านล่าง

var dialog = $( ".selector" ).dialog();
 
// Instance invocation - returns undefined
dialog.data( "ui-dialog" ).close();
 
// Plugin invocation - returns a jQuery object
dialog.dialog( "close" );
 
// Therefore, plugin method invocation makes it possible to
// chain method calls with other jQuery functions
dialog.dialog( "close" )
    .css( "color", "red" );

ล้ำวิธีการเหล่านั้นกลับข้อมูลเกี่ยวกับเครื่องมือที่ ยกตัวอย่างเช่น โต้ตอบ (โต้ตอบ) ของ isOpen() วิธีการ

$( ".selector" )
    .dialog( "isOpen" )
    // This will throw a TypeError
    .css( "color", "red" );

ซึ่งจะส่งผลใน TypeError ข้อผิดพลาดเพราะ isOpen() ส่งกลับค่าบูลีนไม่ได้เป็นวัตถุ jQuery