잡히지 않은 TypeError : $ (...). ddBarChart가 함수가 아닙니다.

Question

MVC 5 프로젝트에서 작업 중입니다. 이 특정 페이지는 부분적인 페이지 (면도기)입니다.

ddchart jQuery 라이브러리를 활용하려고합니다. 나는이 오류가 계속 (http://kiersimmons.com/ddchart/index.html) ...

Uncaught TypeError: $(...).ddBarChart is not a function 

오류가 일어나고 코드 줄은 여기에 있습니다 :

$("#chart_div_static").ddBarChart({ 
     chartDataLink: "~/Scripts/plugins/ddchart/Chart_Data.js?1=10", 
     action: 'init', 
     xOddClass: "ui-state-active", 
     xEvenClass: "ui-state-default", 
     yOddClass: "ui-state-active", 
     yEvenClass: "ui-state-default", 
     xWrapperClass: "ui-widget-content", 
     chartWrapperClass: "ui-widget-content", 
     chartBarClass: "ui-state-focus ui-corner-top", 
     chartBarHoverClass: "ui-state-highlight", 
     callBeforeLoad: function() { $('#loading-Notification_static').fadeIn(0); }, 
     callAfterLoad: function() { $('#loading-Notification_static').stop().fadeOut(0); }, 
     tooltipSettings: { extraClass: "ui-widget ui-widget-content ui-corner-all" } 
    }); 

나는 함수의 존재 여부를 확인하고 JS에 대한 참조 (함수가 들어있는 파일)가 ddBarChart가 호출되기 전에 배치됩니다. 참고로 레퍼런스는 테스트로

<script src="~/Scripts/plugins/ddchart/jquery.ddchart.js"></script> 

....입니다 : 내 jquery.ddchart.js이 파일에서 나는 심지어 단순히 경고를 팝업 테스트() 함수를했다. 이 함수는 ddBarChart 함수 앞에 줄에 썼습니다. 테스트 함수를 호출하면 제대로 작동합니다. 그래서 외부 js 파일 (jquery.ddchart.js)에 대한 참조가 올바른지 알고 있습니다.

**** 업데이트 **** 참고로

다음 ddBarChart 함수는 외부 파일에,

jQuery.fn.ddBarChart = function(options) { 
     function setupDrillDown(strID, intDelay, strH, strW, strL) { 
      $(strID+ "> .ddchart-chart-final").css("z-index","2"); 
       : 
       : 
     } 

     function aniDrillDown(strID,intDelay) { 
      $(strID+ " > .ddchart-chart-final > .ddchart-chart-wrapper-sub").animate({width: "100%",height: "100%",left: "0%"}, intDelay-500, function(){aniCleanUp(strID)}); 
     } 
       : 
       : 

**** 업데이트주의 *** ...로 시작합니다 * (차이점은 MVC 5 부분 페이지 (면도칼)입니다. 다른 프로젝트에서 일반적인 부분이 아닌 페이지를 만들 때 작동하는 것으로 보입니다.)

어떤 아이디어일까요? 감사!

Answer 1

이전과 같은 문제가 발생했습니다. 문제는 jQuery 라이브러리가 두 번 포함되었다는 것입니다.

이

는 다음과 같은 순서로 일어난

• HTML 파일은 jQuery 오브젝트를 정의, JQuery와 파일을로드.
• HTML 파일
는 HTML 파일을 이 jQuery 오브젝트를 다시 정의, JQuery와 파일을로드 jQuery.fn
• 에 함수를 연결, 플러그인 파일을로드.

이후에는 jQuery에 대한 참조가 새로 정의 된 jQuery 객체에 적용됩니다.이 객체에는 플러그인 기능이 연결되지 않습니다.

부분보기에서 포함될 때만 실패 할 수 있습니다. jQuery 소스가 포함 된 후에 만 ​​플러그인이 포함되어 있는지 확인해야합니다.