Question

jsp页面导入多个js后面的一个js文件没有生效没有生效

第一站图片里面是我的jsp，js文件的加载顺序就是那样的，第二张图片里面使indexc.js
文件做的就是用ajax从后台去数据，拼接字符串加到前台dom中，第三张图片是indextest。js文件做的就是检测图片的大小，如果宽度过大就让它小一点，问题就在这里，结果显示所有的图片还是很大，没有按照200来显示，已经超过边框了，刚开始在想是不是dom没有加载完成，不能拿到class为img-header的img元素，然后把window。onload该成了$（document）。ready（function（）{}），
似乎没什么用，已经注意到了引入文件的顺序，前面的idnexc。js，indextest。css根据页面的显示结果显然已经生效了，就是最后一个indextest没有生效，请问问题出在哪里呢





Answer 1

是不是 indexc.js动态加载图片？然后indextest.js进行宽度限制？
这样，idnextest.js中函数写成function fun(){....}这样，然后在indexc.js中，ajax 的success的最后进行fun函数调用。

追问

又测试了一下发现使因为去不到class为img-header的元素，可是审查元素发现确实存在啊

追答

我们的意思是说，这个img是ajax加载，执行indextest.js的时候 ajax还未必运行到success那里----应该只是刚刚发送出去消息，还没接收返回值。
所以indextest.js中的那个宽度限制函数要独立出来并延后执行。

Answer 2

dom ready的时候图片可能还没有加载进来呢

追问

不是的，ready的时候dom已经完成了，设置好了宽度，图片加载的时候就按那个宽度来加载