关于js失效的原因

1、出现问题的代码：如下<div class="show"> <div class="t">PRODUCTS SHOW</div> <div id="demo"> <div id="indemo"> <div id="demo1"><% call IndexProduct() %></div> <div id="demo2"></div> </div> </div></div><script src="./js/pro_roll.js"></script> 滚动代码<script src="./js/jquery-1.6.4.min.js"></script>结果是这段滚动代码没效果，图片不滚动。明明之前用的好好的为啥，不起作用了呢？

2、然后我仔细对照之前的代码发现了一个细微的地方之前的代码是这样的如下：<div class="show"><div class="t">PRODUCTS SHOW</div><div id="demo"> <div id="indemo"> <div id="demo1"><% call IndexProduct() %></div> <div id="demo2"></div> </div> </div></div><script src="./js/jquery-1.6.4.min.js"></script><script src="./js/pro_roll.js"></script> 滚动代码

3、看出什么区别了吗？那就是仅仅一个顺序的区别<script src="./js/jquery-1.6.4.min.js"></script><script src="./js/pro_roll.js"></script> 滚动代码与<script src="./js/pro_roll.js"></script> 滚动代码<script src="./js/jquery-1.6.4.min.js"></script>为什么会这样呢？

4、原来是调用顺序的区别<script src="./js/pro_roll.js"></script> 这段代码需要用到jquery-1.6.4.min.js里面的东西，结果在引用的时候，<script src="./js/jquery-1.6.4.min.js"></script>还没有载入浏览器，就造成了，滚动效果失效的情况。所以，以后敲代码的时候，一定要注意引用文件的顺序，否则就会出现失效的现象！