jquery easing breaks jquery on wordpress

Question

Im getting an error when i add the jquery easing 1.3 plugin to my page, i havent even used custom easing yet but just loading it stops animated elements working. Im not a jquery expert so i dont really know how to debug it but im fairly sure that there is a conflict, heres the error:

Uncaught TypeError: Property 'undefined' of object #<Object> is not a function

The error is triggered when you roll over the animated elements, heres the page im working on:

http://www.pegbarandgrill.com/blog/

if you roll over the links & directory you should see an animated menu open but this is when you will get the error. I sourced jquery and easing with the following lines

<script type="text/javascript" src="/wp-content/themes/pegbarAndGrill_01/script/jquery.js"></script>
<script type="text/javascript" src="/wp-content/themes/pegbarAndGrill_01/script/easing.js"></script>

Also if i remove the wp_head() and wp_footer() functions the conflict goes away. Any idea what the problem might be?

Many thanks

Answer 1

I got the same error message. I had jQuery, jQuery UI, the easing plugin, and a call to jQuery.noConflict() in the wrong order.

I had been using jQuery.noConflict() to get around some other problem from a long time ago, but I no longer needed that so I removed it.

I then put the <script> elements in this order:

<script type='text/javascript' src="/js/jquery-1.8.0.min.js"></script>
<script type='text/javascript' src="/js/jquery-ui-1.8.23.custom.min.js"></script>
<script type='text/javascript' src="/js/jquery.easing.1.3.js"></script>

This fixed the problem.

Answer 2

Try to wrap contents of easing.js file with

$(document).ready(function() {
...
});

It saved my time before!