javascript - 未捕获的 TypeError : $(. ..).ddBarChart 不是函数

Question

正在从事 MVC 5 项目。如果有什么区别的话，这个特定页面是部分页面(Razor)。

我正在尝试使用 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" }
    });

我知道该函数存在，并且在调用 ddBarChart 之前放置了引用(对包含该函数的 js 文件)。仅供引用，引用是......

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

作为测试:在我的 jquery.ddchart.js 文件中，我什至创建了一个 test() 函数，它只是弹出一个警报。我将此函数写在 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 部分页面( Razor )，如果这有什么区别的话。当我在不同的项目中创建普通的非部分页面时，似乎可以工作。)

有什么想法吗？谢谢!

Answer 1

我以前也遇到过这样的问题。问题是 jQuery 库被包含了两次。

这按以下顺序发生:

• HTML 文件加载了 jQuery 文件，定义了 jQuery 对象。
• HTML 文件加载了插件文件，并将函数附加到 jQuery.fn
• HTML 文件加载了 jQuery 文件，重新定义 jQuery 对象。

此后，对 jQuery 的任何引用都将位于新定义的 jQuery 对象上，该对象没有附加插件函数。

这与仅在从部分 View 包含时失败是一致的。您必须确保仅在包含单个 jQuery 源之后才包含该插件。