Question

119

TypeError: jQuery(...).ready(...) is not a function

rated 0 times [ 122] [ 3] / answers: 1 / hits: 89203 / 11 Years ago, thu, february 13, 2014, 12:00:00

OK, I know this has been asked before but none of the answers seems to apply to my case. I'm trying to get a very tiny piece of jQuery running (I'm just getting started on it).

jQuery(document).ready(function(){

    jQuery('.comtrig').on('click',function(){

        $(this).next().animate({'display':'inline'},1000);

    });

})();

I get the error TypeError: jQuery(...).ready(...) is not a function in FF or Uncaught TypeError: object is not a function in Chrome.

Solution 1 was to replace $ with jQuery but I obviously already did that as shown above

I'm not in Wordpress either

I'm using only jQuery and the above mini script, no other JS

jQuery itself seems to load fine

What am I missing here?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mollys

Add To Favorites

Follow

Total Points: 183

Total Questions: 95

Total Answers: 85

Location: Vanuatu

Member since Fri, May 13, 2022

2 Years ago

answered 11 Years ago kamronr · Accepted Answer

try to remove this (); at the end of doc ready:

jQuery(document).ready(function(){

  jQuery('.comtrig').on('click',function(){

    $(this).next().animate({'display':'inline'},1000);

  });

}); //<----remove the (); from here

(); is normally used to have a Immediately-Invoked Function Expression (IIFE) which has some kind of syntax like this:

(function(){

   // your stuff here

})(); //<----this invokes the function immediately.

Your errors:

in firefox = TypeError: jQuery(...).ready(...) is not a function

in chrome = Uncaught TypeError: object is not a function

because:

Your document ready handler is not a Self-executing anonymous function.