вопрос Javascript с easyslider

Question

Первого посещения этой страница и наведите курсор на меню: http://milabalami.com/saved/2/index.php

Затем посетите это Wordpress страницу, где я реализовал тот же код: http://milabalami.com

При наведении курсора мыши в меню Wordpress вы увидите, что слайдер не отображается. Зачем? Я вижу, что на странице приводится сообщение об ошибке:

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

Почему это? Это тот же самый код, который отлично работал на другой странице. Я не понимаю, почему он дает эту ошибку на странице Wordpress, а не на другой, где работает слайдер. Любой, кто мог бы помочь мне в решении этой головоломки?

Головоломка решена 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}) 
    }) 
}); 

Это временная мера, однако. Вы должны объединить весь свой код в один файл, вместо того, чтобы разделить их так, как сейчас, и уменьшить зависимость от плагинов.