【发布时间】：2012-12-11 12:43:51
【问题描述】：
我正在使用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。现在，当我单击一个按钮并从单击事件的处理函数调用此插件时，就会出现问题，如下所示：
$("#vdcontainer").handsontable('loadData', ['a', 'b', 'c', 'd', 'e']);
现在它在控制台上显示以下错误消息
Uncaught TypeError: Object [object Object] has no method 'handsontable'
谁能知道为什么调用handsontable函数在document.ready事件上工作正常，而在同一个js文件中的事件处理函数中却没有工作？
【问题讨论】：
-
您是否包含
handsontable文件？ -
是的，我包括了这就是它在 document.ready 中工作的原因
-
它最初似乎可以工作，因为它在 div 内创建了类似表格的 excel。仅当从事件处理函数内部调用它时才会发生错误。
-
另外：你确定你没有不小心两次包含 jQuery 吗？ （第二次在运行
.ready()处理程序之后，但在单击处理程序执行之前。）在这种情况下，jQuery 的第二个“实例”不会初始化插件。 -
您能否制作一个显示问题的小提琴，或提供指向您网站的链接？
标签： javascript jquery handsontable