Uncaught TypeError: $ (...). DdBarChart не является функцией

Question

Работает над проектом MVC 5. Эта конкретная страница является частичной страницей (Razor), если это имеет значение.

Я пытаюсь использовать библиотеку jQuery ddchart. (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. FYI ссылка есть ....

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

В качестве теста: В подам jquery.ddchart.js я даже сделал функцию тест(), который просто выскакивает предупреждение. Я написал эту функцию на линии перед функцией ddBarChart. Когда я вызываю тестовую функцию, она работает нормально. Поэтому я знаю, что ссылка на внешний js-файл (jquery.ddchart.js) верна.

**** Обновление ****

FYI: Функция 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-файл, загруженный файл модуля, прикрепляя функцию jQuery.fn
• Файл загружен HTML-файл JQuery, переопределение в объект JQuery.

После этого любые ссылки на jQuery будут на вновь определенный объект jQuery, который не имеет прикрепленной к нему функции плагина.

Это было бы согласуется с этим только при отсутствии частичного представления. Вы должны убедиться, что плагин включен только после того, как включен источник jQuery.