Jquery code error: Undefined is not a function

Question

Simple problem that I cannot find the answer to. I have made a jsfiddle of the problem.

I have this Javascript code:

$(document).ready(function(){
 $('#display-feedback-form').off('click').on('click', function(){
 $('#feedback_form').show();
 });
});

Here is the fiddle with an example: JSFiddle

Why am I getting this error? Jquery is loaded correctly on the page.

Answer 1

Sure, you're loading jQuery correctly, but you're loading jQuery 1.6.4.

$.off() and $.on() weren't added until jQuery 1.7.

Answer 2

.on() and .off() weren't introduced until jQuery 1.7. You are loading 1.6.4.

Answer 3

Try This

$(document).ready(function(){
 $('#display-feedback-form').click(function(){
 $('#feedback_form').show();
 });
});

JSFiddle

Answer 4

You can use .die() and .live() in jQuery 1.6.4. Until 1.7 there is no .off() and .on() function.

$(document).ready(function(){
 $('#display-feedback-form').die('click').live('click', function(){
 $('#feedback_form').show();
 });
});

DEMO