未捕获的TypeError：对象[object Object]没有方法'handsontable'？

Question

我正在使用Hands on table插件来实现像表一样的excel。我的问题有点奇怪。在我的javascript代码中，我在document.ready事件中的div元素上调用此插件，如：

 $("#vdcontainer").handsontable({
        startRows: 2,
        startCols: 1,
        colHeaders: ["<span style='font-size:15px; font-weight:bolder; width:500px; text-align:center;'>Enter variable data here Or just cut & paste</span>"],
        minSpareRows: 1
    });

现在到目前为止，每件事情都是完美的插件在div中创建了一个类似Excel的表，其id为vdcontainer。现在，当我点击一个按钮时，当我从click事件的处理函数调用这个插件时，问题就出现了，如下所示：

$("#vdcontainer").handsontable('loadData', ['a', 'b', 'c', 'd', 'e']);

现在它显示我在控制台上的错误消息

Uncaught TypeError: Object [object Object] has no method 'handsontable' 

任何人都可以知道为什么对handsontable函数的调用在document.ready事件上工作正常并且在同一个js文件中没有在事件处理函数中工作？

Answer 1

你所包含的jQuery版本可能已经过时了 - 由于使用了.on，所以handontable插件需要jQuery 1.7+。