위젯

Question

나는 다음과 같은 코드가

내부에서 JQuery와 위젯을 보유하고 사업부 개체를 얻을 :

<div id="widHolder"></div> 
<script type="text/javascript" language="javascript"> 
    $('#widHolder').widgetName({ 
     optionOne: false, 
     optionTwo: 1, 
     onComplete: function (holder) { 
      // ... do something here with the 'widHolder' object such as $(holder).addClass(x,y) 
     } 
    }); 
</script> 

위젯 자체 내에서을의의 onComplete 방법은 위젯의 전체 초기화 후 즉시 호출됩니다. 위젯 내의 코드가 위젯이 링크 된 객체 (이 경우에는 'widHolder'라는 ID를 가진 div)를 참조하기를 원합니다.

저의 목표는 위에 열거 된 oncomplete 함수를 작성하여 지주 객체를 빠르고 쉽게 참조 할 수있게하는 것입니다. 위젯 자체의 코드는 onComplete 함수를 호출하여 매개 변수로 전달해야합니다. 플러그에서와

this.element : 여기

JQuery와 UI 위젯 공장 경유 가능한 요소하게

(function ($) { 
    $.widget("ui.widgetName", { 
     options: { 
      // ... other options that can be set 
      onComplete: undefined 
     }, 

     // called on the initialization of the widget 
     _init: function() { 
      // do initialization functions... 

      if(this.options.onComplete) 
       this.options.onComplete(I_WANT_TO_SEND_THE_DOM_ELEMENT_HERE); 
     }, 
    } 
}) 

Answer 1

플러그인 JQuery와 UI 위젯의 코드 샘플이다.

자세한 내용을 보려면 여기를 봐주십시오 : http://wiki.jqueryui.com/w/page/12138135/Widget%20factory

은 귀하의 질문에 대답 더 나은 것이 있습니까?

(function ($) { 
    $.widget("ui.widgetName", { 
     options: { 
      // ... other options that can be set 
      onComplete: undefined 
     }, 

     // called on the initialization of the widget 
     _init: function() { 
      // do initialization functions... 

      if(this.options.onComplete) 
       this.options.onComplete(this.element); 
     }, 
    } 
}) 

사이드 노트 - 당신이 당신의 플러그인 안에 다른 폐쇄를 만들 경우, 당신은 this에 대한 참조를 저장해야합니다. 예를 들어 :

(function ($) { 
    $.widget("ui.widgetName", { 
     options: { 
      // ... other options that can be set 
      onComplete: undefined 
     }, 

     // called on the initialization of the widget 
     _init: function() { 
      // do initialization functions... 
      var self = this; 
      $.each(an_array_or_something_obj, function(){ 
       //here this will refer to the current element of the an_array_or_something_obj 
       //self will refer to the jQuery UI widget 
      }); 
      if(this.options.onComplete) 
       this.options.onComplete(this.element); 
     }, 
    } 
}) 

Answer 2

사용 this.offsetParent는 경우, 귀하의 예에서와 같이, 홀더는 위젯의 직접적인 부모입니다.