Javascript Problem mit Easyslider

Question

Zuerst besuchen Sie diese Seite und Bewegen Sie die Maus über das Menü: http://milabalami.com/saved/2/index.php

Dann besuchen Sie diese Wordpress-Seite, wo ich den exakt gleichen Code implementiert habe: http://milabalami.com

Wenn Sie die Maus über die Wordpress-Menü schweben, werden Sie sehen, dass der Schieber nicht angezeigt. Warum? Ich kann sehen, dass die Seite einen Fehler gibt besagt:

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

Warum ist das so? Es ist der exakt gleiche Code, der perfekt auf der anderen Seite gearbeitet. Ich verstehe nicht, warum es ist, dass Fehler auf der Wordpress-Seite zu geben, und nicht auf der anderen Seite ein, wo der Schieber funktioniert. Jeder, der mir bei der Lösung dieses Rätsel helfen könnten?

von Yi Jiang Rätsel gelöst.

Answer 1

Es ist wie irgendwo auf dem Weg sieht, wurden die $ außer Kraft gesetzt. Sie können immer noch Ihren Code verwenden, jedoch durch jQuery statt $ mit -

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})
    })
});

Es ist eine Notlösung, aber. Sie sollten den gesamten Code in einer einzigen Datei kombinieren, statt Trennung aus, wie sie jetzt sind, und Ihre Abhängigkeit von Plugins reduzieren.