使用子目录时的路径问题

Question

我正在一个网站上工作，我将我的页面安排在除索引页面之外的目录中。当我使用jquery将图像附加到页面的一部分内的div时，我的问题就出现了。它显示在索引页面上，但不显示在其他页面（目录）上。我明白为什么但不确定如何解决它。

有没有办法解决这个问题，而无需从目录中删除我的其他文件？

var $img1 = $('<img src="images/test1.jpg" />');
var $img2 = $('<img src="images/test2.jpg" />');
$('#container').append($img1, $img2);

请注意，上述代码也位于单独的目录中

Answer 1

假设您的images文件夹位于网站的根目录中，您可以将src属性设置为root-relative：

var $img1 = $('<img src="/images/test1.jpg" />');
var $img2 = $('<img src="/images/test2.jpg" />');
$('#container').append($img1, $img2);

（请注意/添加到src属性的开头。

参考：

• Having links relative to root?（对于任何受到启发的自我推销感到抱歉，但这是我在Stackoverflow上搜索“root-relative url site:stackoverflow.com”时的第一个Google结果。）

Answer 2

您可以撰写完整链接，包括域名：
var $img1 = $('<img src="http://www.yoursitename.com/images/test1.jpg" />');