0

首先访问此页面并将鼠标悬停在菜单上：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 页面上给出该错误，而不是在滑块起作用的另一个页面上。任何人都可以帮助我解决这个难题？

益江解开了谜题。

4

1 回答 1

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

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

于 2011-01-14T17:07:23.227 回答