jQuery를 UI는 메서드 호출을 위젯

위젯 (위젯) 회원 라이브러리 (위젯 공장) 자신의 상태를 변경하고 초기화를 만든 후 작업을 수행하는 방법을 사용. 회원 라이브러리 (위젯 공장)를 통해 플러그인을 만들거나 통화 객체의 요소 인스턴스의 방법으로 할 수 - 위젯 메서드를 호출하는 방법은 두 가지가 있습니다.

플러그인 통화

위젯 플러그인을 호출 방법, 전달 된 문자열로 메소드 이름. 예를 들어, 호출하는 방법, 보려면 여기를 클릭하여 대화 상자 (대화) 위젯 close() 메소드 .

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

이 방법은 파라미터를 필요로하는 경우, 플러그인 추가 매개 변수에 전달. 호출하는 방법, 보려면 여기를 클릭하십시오 의 대화 (대화) 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를 개체를 반환합니다.