关于js失效的原因

 时间:2026-02-14 06:42:01

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

  • 如何给ppt添加演讲备注
  • PPT怎样制作多个并列显示的圆环图
  • 如何用PPT制作多种环形图
  • PPT如何更改形状端点使其变形
  • 项目管理:[8]制作系统集成项目验收演示ppt
  • 热门搜索
    一什么小山 现在学什么好 路由器买什么牌子好 泅水是什么意思 工业4.0是什么意思 马和什么生肖相冲 汽车obd是什么意思 turbo是什么意思 冰结师用什么武器 酱是什么意思