easyslider的Javascript问题

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页面上给出这个错误，而不是在滑块工作的另一个页面上。有人能帮我解决这个难题吗？

奕江解开的谜题。

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

然而，这只是一个权宜之计。你应该将你所有的代码组合到一个文件中，而不是像现在这样将它们分开，并减少对插件的依赖。