上周我更新了一个正在使用的网站,以使用最新的WordPress。自定义JS都无法正常工作了,我不知道为什么。
即使我将其删除以尝试解决问题,也总是得到'Uncaught TypeError:$不是函数'。
我无法确定导致这种情况发生的原因。
据我所知,所有脚本均按预期加载。
[不幸的是,我的自定义文件中的所有JS都是从Stack Overflow或其他在线资源获得的-我不是自己写的(只是经过修改),因此难以诊断问题。
任何帮助将不胜感激
指向站点的链接是here,您可以在其中看到控制台错误。
我的疯狂猜测是使用jQuery代替$,因为有时后者被其他脚本库使用,这会导致问题和冲突。
所以
var $headereffect = $('.hero-effect');
成为
var $headereffect = jQuery('.hero-effect');
这将解决当前问题,但以后可能还会提出其他问题。检查您的代码,并确保使用一致的jQuery参考。
处理$问题]的选项]的jQuery方式可以找到here。从实际的角度来看,您可以使用jQuery快捷方式将jQuery置于“无冲突”模式。在这种情况下,使用“ $ j”代替默认的“ $”:
var $j = jQuery.noConflict();
$j(function(){
$j("#sidebar li a").hover(function(){
$j(this).stop().animate({
paddingLeft: "20px&"
}, 400);
}, function() {
$j(this).stop().animate({
paddingLeft: 0
}, 400);
});
});