Cory Sessions Blog » jQuery http://www.corysessions.com Developer | SEO | Professional Slacker Mon, 14 Jun 2010 14:32:12 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 jQuery Error: $ is not a function http://www.corysessions.com/dev/jquery/jquery-error-is-not-a-function/ http://www.corysessions.com/dev/jquery/jquery-error-is-not-a-function/#comments Wed, 20 Jan 2010 21:58:56 +0000 Cory http://www.corysessions.com/?p=85 This is a fun little jQuery error you’ll hit sometimes when you are trying to integrate jQuery into an already established system like Wordpress or Drupal, that is already using a Javascript library like prototype.  The problem is that you are hitting conflicts between the two libraries.  And most likely they are fighting over the $ .

Luckily, jQuery is prepared to handle this!  Good’ol jQuery.

jQuery has a “noConflict” mode, that will let all the jQuery content to run without using the $.  You just state that you are running in noConflict mode in your first line, then instead of using $(function(){…}, you replace the $ with jQuery, so it looks like this: jQuery(function(){….

Here’s a full example.

<script>

jQuery.noConflict(); // Tell jQuery you are going with noConflict mode.

jQuery(function(){ // Replace the $ with jQuery
jQuery(‘div’).doStuff();
});

</script>

This will allow the other library to use the $ without conflict.

]]> http://www.corysessions.com/dev/jquery/jquery-error-is-not-a-function/feed/ 1