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

Question

我是 js 新手，我正在玩一个 for 循环，该循环使用 .append() 将图像放入#div

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

我很确定 for 循环逻辑是正确的，但由于某种原因，图像没有显示。当我在 firebug 中检查时，我收到错误“无法加载给定的 url”。我知道那个 url 是正确的，我什至尝试了完整的 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'/>");
};

提前致谢。

杰斯

score 1 · Accepted Answer

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

尝试从根开始给出路径：

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

（注意图片源开头添加的“/”）

1 回答 1