关于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>还没有载入浏览器，就造成了，滚动效果失效的情况。所以，以后敲代码的时候，一定要注意引用文件的顺序，否则就会出现失效的现象！