Javascript $(function() Not Working for WordPress

admin

Administrator
Staff member
Okay, I am trying to add the following jquery in my header.php file for my wordpress website:

Code:
<script type="text/javascript">
    $(function() {

        $( '#co-slider' ).circleslider()


        });     
    </script>

This is copied directly from the html source file I downloaded, ive spent the past 3 hours trying to come to a conclusion for the problem, however I am a nebie when it comes to wordpress. So far all I have been able to gather is that it is possibly because of no conflict mode. I tried reading up on no conflict here <a href="http://api.jquery.com/jQuery.noConflict/" rel="nofollow noreferrer">http://api.jquery.com/jQuery.noConflict/</a> along with following instructions I thought were relevant from another question and here is the link for that <a href="https://stackoverflow.com/questions/3744348/jquery-not-working-in-wordpress/15103593#15103593">jquery not working in wordpress</a> . Also I dont think this is the issue but this is how I referenced my javascript.

Code:
&lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/staff_new/js/jquery.circleslider.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/staff_new/js/jquery.circleslider.js"&gt;&lt;/script&gt;

I say i dont think its the issue because this is how I have it for other things as well and they work just fine, but it is also possible im clueless as to what im talking about. I also read here <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow noreferrer">http://codex.wordpress.org/Function_Reference/wp_enqueue_script</a> for referencing I should be using wp enqueue. But I also read that the way I currently have it works just fine. Any help would be greatly appreciated, as i would really love to get this working for the site.

Cheers