problema Javascript con EasySlider

Question

Prima di visitare questa pagina e passa il mouse sopra il menu: http://milabalami.com/saved/2/index.php

Poi visitare questa pagina di Wordpress in cui ho implementato il codice esattamente lo stesso: http://milabalami.com

Quando si passa il mouse sul menu di Wordpress, si vedrà che il cursore non si presenta. Perché? Posso vedere che la pagina dà un errore affermando:

$ is not a function 
http://miladalami.com/wp-content/themes/sandbox/js/custom.js

Perché? Il suo lo stesso codice esatto che ha funzionato perfettamente sul altra pagina. Non capisco perché si sta dando che errore nella pagina di Wordpress, e non l'altro in cui funziona il dispositivo di scorrimento. Qualcuno che mi potesse aiutare a risolvere questo puzzle?

Puzzle risolto da Yi Jiang.

Answer 1

Sembra che da qualche parte lungo la strada, il $ ottenuto sovrascritto. È comunque possibile utilizzare il codice, tuttavia, utilizzando jQuery invece di $ -

jQuery(document).ready(function($) {
    $("#featured").easySlider({
        speed: 400
    });

    $("#menu ul li a[class!='current']")
    .css( {backgroundPosition: "200px 2px"} )
    .mouseover(function(){
        $(this).stop().animate({backgroundPosition:"(0 2px)"}, {duration:400})
    })
    .mouseout(function(){
        $(this).stop().animate({backgroundPosition:"(200px 2px)"}, {duration:400})
    })
});

E 'un palliativo, però. Si dovrebbe unire tutto il codice in un unico file, invece di separare come sono in questo momento, e ridurre la dipendenza da plugin.