养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

关于js失效的原因

时间:2024-10-03 19:26:23

今天写代码的时候调用一段js,就是不管用,找了好半天才找到原因!

工具/原料

js代码

方法/步骤

1、出现问题的代码:如下&盟敢势袂lt;divclass="show"> <divclass=&q锇栀劐箨uot;t">PRODUCTSSHOW</div> <divid="demo"><divid="indemo"><divid="demo1"><%callIndexProduct()%></div><divid="demo2"></div></div></div></div><scriptsrc="./js/pro_roll.js"></script>滚动代码<scriptsrc="./js/jquery-1.6.4.min.js"></script>结果是这段滚动代码没效果,图片不滚动。明明之前用的好好的为啥,不起作用了呢?

2、然后我仔细对照之前的代码发现了一个细微的地方之前的代码是这样的如下:<d坡纠课柩ivclass="show媪青怍牙"><divclass="t">PRODUCTSSHOW</div><divid="demo"><divid="indemo"><divid="demo1"><%callIndexProduct()%></div><divid="demo2"></div></div></div></div><scriptsrc="./js/jquery-1.6.4.min.js"></script><scriptsrc="./js/pro_roll.js"></script>滚动代码

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

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

© 一点知识