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

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