jQuery를 UI의 API - 플러그인 다리 (위젯 플러그인 다리)

범주

유틸리티 (유틸리티) | 위젯 (위젯)

용법

설명 : jQuery.widget.bridge () 메소드는 것입니다 jQuery를 위젯 라이브러리 (위젯 공장) 의 일부. 그것은 중간 개체를 만들고 사이의 jQuery API에 $ 된 .widget ()로 구성한다.

$.widget.bridge() 다음과 같은 작업을 수행합니다 :

• 의 jQuery API에 정기적으로 자바 스크립트 생성자에 연결.
• 자동으로 개체 인스턴스를 생성하고의 요소에 저장 $.data 캐시 내에서.
• 공공 메소드를 호출 할 수있었습니다.
• 개인 메서드를 호출 방지합니다.
• 방지는 초기화되지 않은 객체의 메소드를 호출합니다.
• 여러 초기화를 방지합니다.

사용 jQuery를 UI 위젯 $.widget( "foo.bar", {} ); }); 개체의 구문 정의를 만들 수 있습니다. 다섯으로 주어진 .foo , $ $( ".foo" ).bar(); DOM 구조는 "바"개체의 다섯 인스턴스를 생성합니다. $.widget.bridge() 은 "바"개체 및 공통 API를 기반으로 도서관에서 작동합니다. 따라서, 당신이 쓸 수 $( ".foo" ).bar() ) 을 작성함으로써, 인스턴스를 생성하기 $( ".foo" ).bar( "baz" ) "바즈을") 메소드를 호출 할 수 있습니다.

당신이 방법을 한 번 초기화를 원하는 호출 할 경우, 다음 메시지가 보낼 jQuery.widget.bridge() 객체가 매우 작은 수 있습니다 :

var에 형광펜 = 기능 (옵션, 요소) {
  this.options = 옵션;
  this.element = $ (요소);
  this._set (800);
};
Highlighter.prototype = {
  전환 : 함수 () {
    this._set (this.element.css ( "글꼴 급") === 400 800 400?);
  },
  _set : 함수 (값) {
    this.element.css ( "글꼴 급", 값);
  }
};

여기 당신이 필요로하는 두 개의 매개 변수를 받아들이는 생성자는 다음과 같습니다

• options : 오브젝트의 옵션 구성
• element :에 DOM 요소의 인스턴스를 만들 수

그런 다음 당신은 jQuery 플러그인과 같은 개체에 다리 (다리)를 사용할 수 있습니다, 당신은 어떤 jQuery를 개체에 사용할 수 있습니다 :

플러그인을 훅 //
$ .widget.bridge ( "ColorToggle", 형광펜);
 
// div의에 초기화
$ ( "사업부") .colorToggle (). 클릭 (함수 () {
  // 클릭의 공용 메서드를 호출
  $ (이) .colorToggle ( "토글");
});

다리 (다리)는 프로토 타입 객체가 필요한 모든 기능을 사용하기 위해서는 _init() 메소드를. 이 방법은 플러그 전화 호출 예로는 이미 존재한다. 이 경우에, 당신은 또한이 필요 option() 메소드를. 첫 번째 인수가 호출에있어서 옵션에있을 것입니다. 어떤 옵션이없는 경우, 인수 빈 객체이다. 들어 option 을 사용하려면 참조하십시오 $.Widget .

존재하는 경우 브릿지 (다리), 선택적인 속성을 가지고 객체가 프로토 타입이있는 경우 widgetFullName 속성을 속성이 저장 및 인스턴스를 검색하는 키로서 사용됩니다. 그렇지 않으면, 이름 매개 변수.