for循环，无法加载给定的URL

Question

我是js的新手，我正在玩一个for循环，使用.append（）

将图像放入#div

totalSlides是一个动态int并且可以更改，我想显示与totalSlides数量相同的图像数量。

我很确定for循环逻辑是正确的，但由于某种原因，图像没有显示。当我在firebug中检查时，我得到错误“未能加载给定的URL”。我知道那个网址是正确的，我甚至尝试过完整的网址路径C：/ complete / folder / path等。

我确信这是一个很容易解决的问题，但我现在无法理解为什么它不会加载我的图像。

for(i=0;i<totalSlides;i++){ // Loads all number images into html
    $('#numbers').append("<img src='images/numbers/number"+i+".png'/>");
};

提前致谢。

Jase

Answer 1

一个原因可能是如果JavaScript位于其他文件夹（例如/js/myfile.js）中，则相对路径将失败，因为它将在JS文件夹中查找images文件夹。

尝试从根开始提供路径：

$('#numbers').append("<img src='/images/numbers/number"+i+".png'/>");

（注意在图像源的初始化中添加了“/”）