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

但是，这是一项定格措施。您应该将所有代码组合到一个文件中，而不是像现在一样将它们分开，并减少对插件的依赖。