テーブルのような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
});
これまでのところ、すべてが完璧に進んでいます。プラグインは、id が である div 内に Excel のようなテーブルを作成しますvdcontainer
。ボタンをクリックしたときに問題が発生し、次のようにクリックイベントのハンドラー関数からこのプラグインを呼び出すと、次のようになります。
$("#vdcontainer").handsontable('loadData', ['a', 'b', 'c', 'd', 'e']);
コンソールに次のエラーメッセージが表示されるようになりました
Uncaught TypeError: Object [object Object] has no method 'handsontable'
handsontable 関数の呼び出しが document.ready イベントで正常に機能し、同じ js ファイル内のイベント ハンドラー関数で機能しない理由を誰でも理解できますか?