Jquery 위젯이 정의되지 않았습니다.

Question

먼저 MVC WebAPI 프로젝트를 사용하고 있습니다. 내 스크립트는 번들 구성에서 구성한 다음 페이지 (Index.cshtml)에서 렌더링합니다. 위젯 팩토리를 사용하여 JQuery 위젯을 만들려고합니다. 내가 번들 렌더링

$.widget("custom.test", { 
    options: { 
     value: 0 
    }, 
    _create: function() { 
     this.options.value = this._constrain(this.options.value); 
     this.element.addClass("test"); 
     this.refresh(); 
    }, 
    _setOption: function (key, value) { 
     if (key === "value") { 
      value = this._constrain(value); 
     } 
     this._super(key, value); 
    }, 
    _setOptions: function (options) { 
     this._super(options); 
     this.refresh(); 
    }, 
    refresh: function() { 
     var testVal = this.options.value + "%"; 
     this.element.text(testVal); 
     if (this.options.value == 100) { 
      this._trigger("complete", null, { value: 100 }); 
     } 
    }, 
    _constrain: function (value) { 
     if (value > 100) { 
      value = 100; 
     } 
     if (value < 0) { 
      value = 0; 
     } 
     return value; 
    }, 
    _destroy: function() { 
     this.element 
      .removeClass("test") 
      .text(""); 
    } 
}); 

색인 파일에서 : :이 내용에 자바 스크립트 파일 '테스트'생성 한 파일의 머리에

@Scripts.Render("~/bundles/jquery") 
     @Scripts.Render("~/bundles/jqueryui") 
@Scripts.Render("~/bundles/lib") 

를 (참고 : 내 위젯 스크립트 파일입니다 lib 번들에 있음). 그런 다음, 렌더링 코드 후, 나는 스크립트 태그를 추가하고이 추가 : 나는 코드 작품의 적어도 일부를 알 수 있도록 다른 코드는이 스크립트 태그에 있습니다

<script> 
      $(function() { 
       //OTHER CODE 

       var test = $("<div></div>") 
        .appendTo("body") 
        .test(); 

       test.option("value", 50); 

       alert(test.options.value); 
      }); 

     </script> 

. 이제 페이지를로드 할 때 오류가 발생합니다 (코드의 $ .widget ("custom.test", ...) 부분). "Uncaught TypeError : undefined가 함수가 아닙니다.". 나는 소스를 볼 때 javascript 파일이 올바른 순서로 포함되어 있다는 것을 알 수 있습니다.

왜 이런 일이 일어나고 어떻게 해결할 수 있는지 전혀 알지 못합니까?

편집

나는 위젯의 정보에 액세스하려고 시도하는 상황을 구문 문제가 발생했습니다. 적절한 코드는 다음과 같습니다

  var something = $(".test").colorize(); 
      something.colorize("option", "value", 100); 
      var test = something.colorize("option", "value"); 
      alert(test); 

      something.colorize("random"); 
      alert(something.colorize("option", "red")); 

Answer 1

당신이 자바 스크립트 파일을 연결하는 경우, 그들은 단지 (jQuery)을 (jQuery);로 끝나는하지 있는지 확인하십시오 - 당신의 번들 JS가 축소 된 있지 않은 경우 세미콜론에게

주의 - 행 번호를 잡히지 않은 타입 오류는 당신에게 이것을 인도해야합니다.

(이 경우는 개발자가 파일을 결합하는 시간의 99 %입니다.)