当浏览器报Uncaught reference error: “fadeIn" is not defined error这种错误时,问题是当html加载时,引用的script部分js先加载,而script.js调用fadeIn的style.js还没有被加载做成的。
html内容
<head>
<script type="text/javascript" src="jquery-2.2.3.min.js">
</script>
<script type="text/javascript" src="velocity.min.js">
</script>
</head>
<body>
<div>
这个是测试
</div>
</body>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="style.js"></script>
script.js内容
$div = $("div");
$div.velocity(fadeIn, 1000);
style.js内容
var fadeIn = {
opacity: 1,
top: "50px"
};
而解决的方法是调整js的引用顺序,例如这是会出错的:
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="style.js"></script>
而这是可以工作的<script type="text/javascript" src="style.js"></script>
<script type="text/javascript" src="script.js"></script>