TypeError: $ is not a function WordPress

Question

I might have an error in a .js document in a theme I have purchase:

$('.tagcloud a').wrap('<span class="st_tag" />'); 

I am trying to solve it but I am not a programmer so I don't know how. The site is this: http://www.framerental.com .

Answer 1

You use jQuery.noConflict(); So $ is undefined.

You can read more about it here docs

Try to modify your code in this way (add $ sign to ready function):

jQuery(document).ready(function($) {     // Code that uses jQuery's $ can follow here. }); 

Answer 2

Function errors are a common thing in almost all content management systems and there is a few ways you can approach this.

1. Wrap your code using:

   <script>  jQuery(function($) {  YOUR CODE GOES HERE  }); </script> 

2. You can also use jQuery's API using noConflict();

   <script> $.noConflict(); jQuery( document ).ready(function( $ ) { // Code that uses jQuery's $ can follow here. }); // Code that uses other library's $ can follow here. </script> 

3. Another example of using noConflict without using document ready:

   <script> jQuery.noConflict();     (function( $ ) {         $(function() {              // YOUR CODE HERE         });      }); </script> 

4. You could even choose to create your very alias to avoid conflicts like so:

   var jExample = jQuery.noConflict(); // Do something with jQuery jExample( "div p" ).hide(); 

5. Yet another longer solution is to rename all referances of $ to jQuery:

   $( "div p" ).hide(); to jQuery( "div p" ).hide();