EasySliderのJavaScriptの問題

Question

最初にこのページにアクセスして、メニューの上にマウスをホバリングします。http://milabalami.com/saved/2/index.php

次に、まったく同じコードを実装したこのWordPressページにアクセスしてください。http://milabalami.com

ワードプレスメニューの上にマウスをホバリングすると、スライダーが表示されないことがわかります。なんで？ページが記載されているエラーが発生していることがわかります。

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

何故ですか？他のページで完全に機能したのはまったく同じコードです。 WordPressページでそのエラーが発生している理由がわかりません。また、スライダーが機能するもう1つのページではわかりません。このパズルを解決するのに役立つ人はいますか？

Yi Jiangによって解決されたパズル。

Answer 1

途中のどこかのように見えます $ オーバーライドされました。ただし、使用することでコードを使用できます jQuery それ以外の $ -

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

ただし、ストップガップの尺度です。すべてのコードを、現在のように分離するのではなく、1つのファイルに組み合わせて、プラグインへの依存を減らす必要があります。