Title: Jquery UI
Last modified: August 20, 2016

---

# Jquery UI

 *  [astima](https://wordpress.org/support/users/astima/)
 * (@astima)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/)
 * I have almost resolved my jquery UI issue. The only problem I am having is that
   I was told to place this code in my header`<script>
    $(function(){ $(‘#flip’).
   jcoverflip();
 *  });
    </script> ` When I look in firebug the error I get says: $ is not define
 * I have tried changing $ to Jquery thinking that might help that it made no difference.
   Why is $ not defined?

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404328)
 * See [Using Javascript](http://codex.wordpress.org/Using_Javascript)
 *  Thread Starter [astima](https://wordpress.org/support/users/astima/)
 * (@astima)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404366)
 * okay, so I read through the file and I have done those things. I had a working
   on this for three days. And the only error message I have left to address is:
   $ is not define
 * here is a page of a site where I am trying to use Jquery:[http://www.stimadesigns.com/hunterdondistributors/our-portfolio/beer-2/](http://www.stimadesigns.com/hunterdondistributors/our-portfolio/beer-2/)
 * if you cannot help me I would really appreciate if you point me to someone who
   can. I am really trying hard to make this work.
 * thanks
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404368)
 * Try reading the page I linked to and [http://codex.wordpress.org/Function_Reference/wp_enqueue_script](http://codex.wordpress.org/Function_Reference/wp_enqueue_script)
 *  Thread Starter [astima](https://wordpress.org/support/users/astima/)
 * (@astima)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404373)
 * here is the function that only included in my functions.php
 *     ```
       function my_scripts_method() {
          // Change the uri to where jquery.jcoverflip.js is at.
          wp_register_script('jcover', ''.get_template_directory_uri().'/scripts/js/jquery.jcoverflip.js', 'jquery');
           wp_enqueue_script( 'jcover' );
   
          wp_enqueue_script('jquery-ui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js', array('jquery'), '1.8.16');
          wp_enqueue_script('jcoverflip');
        }
         add_action('wp_enqueue_scripts', 'my_scripts_method');
       ?>
       ```
   
 * prior to adding this function I was having issues these scripts were not loading.
   But now they do and the only error message I have left is about $. could it be
   an issue with the Jquery noconflict?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404421)
 * Yes.
 *  Thread Starter [astima](https://wordpress.org/support/users/astima/)
 * (@astima)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404438)
 * is that in a yes to it could be an issue with Jquery noconflict?
 *  [fonglh](https://wordpress.org/support/users/fonglh/)
 * (@fonglh)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404446)
 * Yes it is. Don’t use the $. Use jQuery().
 * It’s explained on the wp_enqueue_script() page esmi linked to. Specifically the“
   jQuery noConflict wrappers” section.
    [http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers](http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers)
 *  Thread Starter [astima](https://wordpress.org/support/users/astima/)
 * (@astima)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404449)
 * No matter what I write this bit of code is giving me trouble. I have written 
   it every way article suggests. what else could it be?
 *     ```
       <script>
         jQuery(document).ready(function(){
           jQuery('#flip').jcoverflip();
   
         });
       </script>
       ```
   
 *  [fonglh](https://wordpress.org/support/users/fonglh/)
 * (@fonglh)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404454)
 * Take the code out of your header.php file so you can enqueue it properly.
 * The path to the js file is wrong.
    [http://www.stimadesigns.com/hunterdondistributors/wp-content/themes/LondonLive/LondonLive/scripts/js/jquery.jcoverflip.js?ver=3.2.1](http://www.stimadesigns.com/hunterdondistributors/wp-content/themes/LondonLive/LondonLive/scripts/js/jquery.jcoverflip.js?ver=3.2.1)
   can’t be found.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Jquery UI’ is closed to new replies.

## Tags

 * [jquery](https://wordpress.org/support/topic-tag/jquery/)
 * [jQuery UI](https://wordpress.org/support/topic-tag/jquery-ui/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 3 participants
 * Last reply from: [fonglh](https://wordpress.org/support/users/fonglh/)
 * Last activity: [14 years, 6 months ago](https://wordpress.org/support/topic/jquery-ui/#post-2404454)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics