我在我的计算机上使用XAMP设计了一个网站,但是当我将其上传到我的主机时,所有Javascript和Jquery都停止了工作。
我回来的唯一错误就是这个
$("#link1").FontEffect is not a function
导入所有必需的.js文件。我的脚本看起来像这样:
<script src="./script/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="./script/menu.js" type="text/javascript"> </script>
<script src="./script/shadow.js" type="text/javascript" ></script>
<script type="text/javascript" src="./script/jquery-FontEffect-1.0.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#wrapper").boxshadow(20,20,100,'#30302F');
$("#link1").FontEffect({outline:true, shadow:true ,shadowColor:'#414345' ,outlineColor1:'#A06BB5', outlineWeight:2, shadowBlur:2})
$("#link2").FontEffect({outline:true, shadow:true ,shadowColor:'#414345' ,outlineColor1:'#26A31A', outlineWeight:2, shadowBlur:2})
$("#link3").FontEffect({outline:true, shadow:true ,shadowColor:'#414345' ,outlineColor1:'#E81515', outlineWeight:2, shadowBlur:2})
$("#link4").FontEffect({outline:true, shadow:true ,shadowColor:'#414345' ,outlineColor1:'#DB641A', outlineWeight:2, shadowBlur:2})
$("#link5").FontEffect({outline:true, shadow:true ,shadowColor:'#414345' ,outlineColor1:'#4D5154', outlineWeight:2, shadowBlur:2})
$("#kwicks").kwicks({
max:205,
min:25,
spacing:1
});
$(function () {
$("#navi > li a").hover( function () { $(this).stop().animate({paddingLeft : '25px'}, 500);
}, function () {$(this).animate({paddingLeft : '10px'}, 400);});
});
});
</script>
谢谢你的帮助!
答案 0 :(得分:2)
您是否检查了js文件路径中的区分大小写?
答案 1 :(得分:1)
确保该文件名为jquery-FontEffect-1.0.0.min.js
,而不是jquery-fonteffect-1.0.0.min.js
或jquery-FONTEFFECT-1.0.0.min.js
。 Case在Unix服务器中很重要。
答案 2 :(得分:0)
你正确地链接到jquery和任何插件吗?
你的html源同样重要。
并且该错误表明它无法从我的经验中找到正确的文件
答案 3 :(得分:0)
FontEffect是一个jQuery插件。 按顺序测试:
答案 4 :(得分:0)
jQuery和其他Js文件的路径是否可能不正确?
我可以建议您从浏览器中尝试“http://url/script/jqueryxys.js”吗?
答案 5 :(得分:0)
使用FF扩展程序firebug,加载站点并导航到网络选项卡。您应该看到所有请求,并且应该有四个包含js文件的请求。检查它们是否为红色。如果是,服务器找不到位于该地址的文件,这意味着路径错误。