Multisuggest 플러그인에서 jQuery 클로저가 작동하지 않는 매개 변수를 전달하는 중

Question

나는이 방법을 사용하는 사람보다 훨씬 쉽게 찾을 수있는 질문이 있지만, 아쉽게도 커스텀 jQuery 플러그인에 대한 많은 경험이 없습니다.

내 작업장의 이전 개발자가 제대로 작동하지 않는 왼쪽에있는 많은 플러그인을 남겼습니다. 대부분 해결할 수 있었지만이 문제는 나를 괴롭혔습니다. 동안.

그것이 jQuery를에 기록하고, 그것을 (* 예 setValue의 박스의 값을 설정하기 위해 내부적으로 사용하는 기능 세트가 맞춤 여러 제안 플러그인 (호출 multisuggest) 또는 룩업

: 검색) *

그가 (이 exteranl 스크립트는 특히 사용자 입력을 통해 multisuggest에 새로 생성 된 제안을 가져 외부 스크립트에서 이러한 플러그인 함수를 호출하려고 것 같습니다과 같은) 값을 설정

를 업데이트

this.$input.multisuggest('setValue', data.address.id, address); 

두 번째 및 세 번째 매개 변수가 함수에 전달되지 않는 것 (setValue는 수신하지 않음)을 제외하고 함수를 호출하는 것처럼 보입니다. 전달할 수있는 방법을 이해하지 못합니다. 이들. 그것은 콘솔에 로그인 할 때 정의되지 않는다고 말합니다.

MultiSuggest.prototype = $.extend(MultiSuggest, _superproto, { 

    constructor : MultiSuggest, 
    select: function() { // When selecting an address from the suggestions 
     var active, display, val; 

     active = this.$menu.find('.active'); 
     display = active.attr('data-display'); 
     val = active.attr('data-value'); 
     this.setValue(display, val, false); // This works, however when I do it as shown in the above example from an external script, it doesn't. This is because it doesn't receive the arguments. 

    }, 
    setValue : function(display, value, newAddress) { // Setting the textbox value 
     console.log(display); // This returns undefined 
     console.log(value); // This returns undefined 
     if (display && display !== "" && 
      value && value !== "") { 
      this.$element.val(this.updater(display)).change(); 
      this.$hiddenInput.val(value); 
      this.$element.addClass("msuggest-selected"); 
     } 
     if(newAddress === false){ 
      return this.hide(); 
     } 
    }, 
}); 

가 왜이 기능을들을 않습니다 기능은 (난 단지 내가 사용 하나 실제로 작동 선택이라고 multisuggest에서 내부 기능을 포함 한 )과 같이 명시되어 있습니다 ,하지만 전달 된 값이 아닌? 이러한 인수를 정의하기 위해 어딘가에 추가 코드 줄을 포함해야합니까?

jQuery 경험이있는 사람이라면 누구나 도움이 될 것입니다. 현재 프로젝트에서 병목 현상이 발생합니다. 시간 내 줘서 고마워!

편집 : 외부 스크립트에서 플러그인의 내부 기능으로 인수가 전달되는 방법에 대한 코드를 놓쳤습니다. 다음은 외부 호출이 처리되는 방법에 대한 플러그인 정의입니다. 누구나이 문제를 볼 수 있습니까?

$.fn.multisuggest = function(option) { 
    return this.each(function() { 
     var $this = $(this), data = $this.data('multisuggest'), options = typeof option === 'object' && option; 
     if (!data) { 
      $this.data('multisuggest', (data = new MultiSuggest(this, options))); 
     } else if (typeof(option) === 'string') { 
      var method = data[option]; 
      var parameters = Array.prototype.slice.call(arguments, 1); 

      method.apply(this, parameters); 
     } 
    }); 
}; 

Answer 1

은 "보통"플러그인 관리자는 다음과 같습니다

// ***************************** 
// ***** Start: Supervisor ***** 
$.fn.multisuggest = function(method) { 
    if (methods[method]) { 
     return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); 
    } else if (typeof method === 'object' || !method) { 
     return methods.init.apply(this, arguments); 
    } else { 
     $.error('Method ' + method + ' does not exist in jQuery.' + pluginName); 
    } 
}; 
// ***** Fin: Supervisor ***** 
// *************************** 

모든 this 통해 반복하는 것이 아니라 관리자에서, 방법 함수 내부에 있어야한다.

new MultiSuggest(...)이 현재 관리자에게 표시 될지 조금 걱정됩니다. 그런 종류의 일은 전혀 관례가 아닙니다. 원저자는 분명히 염두에 두었습니다.

Answer 2

당신은 그 기능은 아마 단지 복용하고 하나 개의 매개 변수를 전달하고, $.fn['multisuggest']에 부착 된 jQuery 플러그인 기능을 확장 할 필요가있다.