jquery + handsontable: has no method 'on'

Question

I'm getting this error:

uncaught TypeError: Object [object Object] has no method 'on'

at jquery.handsontable.js:2258

I've got something setup that looks like this:

<script src="/javascripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script>
<script src="/javascripts/jquery.handsontable.js" type="text/javascript"></script>
<script src="/javascripts/jquery.simplemodal.1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var $j = jQuery.noConflict();
</script>

<div id="dataTable" class="dataTable"></div>
<script>
$j("#dataTable").handsontable();
var data = [
        ["", "Kia", "Nissan", "Toyota", "Honda"],
        ["2008", 10, 11, 12, 13],
        ["2009", 20, 11, 14, 13],
        ["2010", 30, 15, 12, 13]
];
$j("#dataTable").handsontable("loadData", data);
</script>

if you have a new question that you need help on, please use the [Ask Question](http://stackoverflow.com/questions/ask) link. — George Stocker, Jun 25 '12 at 15:34

score 5 · Answer 1 · answered Jun 22 '12 at 19:53

You probably need jQuery 1.7

jQuery 1.5 has no .on method. It was introduced to replace .live() and provide a more consistent interface for regular vs delegated event handling.

Note that if you make extensive use of .attr() you may need to modify your code to use .prop() in some places instead - jQuery 1.6 introduced major changes to the way .attr() works.

Kevin B · Accepted Answer · 2013-06-27T14:19:15.767

2

The handsontable plugin requires jQuery 1.9+ due to the use of .on and other methods not available in older versions of jQuery.

~~You could create a small script that implements .on to use .bind and .delegate where appropriate.~~

edited Jun 27 '13 at 14:19

answered Jun 22 '12 at 19:53

Kevin B

94,570
16
163
180

thanks i was unaware of this and handsontable didn't mention anything about it. I'll make this the answer as soon as I can! – bdeonovic Jun 22 '12 at 19:56
I'm getting different errors now =( see edits – bdeonovic Jun 22 '12 at 20:02
Make sure your path to jQuery.js is correct, your code looks good. – Kevin B Jun 22 '12 at 20:16
I figured out out. see my answer below if you are curious – bdeonovic Jun 22 '12 at 20:18
1

Currently HOT plugin require jQuery 1.9+ or 2.0+ (may work with 1.7+ too, but there are known issues with IE10 https://github.com/warpech/jquery-handsontable/issues/410). – Setthase May 18 '13 at 12:28

jquery + handsontable: has no method 'on'

2 Answers2