如何生成相对于Javascript / jQuery文件的路径？

Question

我有一个CMS模板，它使用JavaScript / jQuery将图像插入页面。这在我指定图像的显式路径时工作正常，但由于我在多个站点上使用模板，因此需要自动确定路径。

事情变得更加困难的是，模板的路径（以及我链接到的图像）会随着模板的每个修订而定期更改。

这是目前（非常简单）的相关代码 - 技术上可以在短期内使用，但不是我正在寻找的解决方案： -

src = '../template_v1/images/pdf_small.png'

这会正确生成基本网址，但会在模板版本增加（并且路径已更改）到template_v2或template_v3后立即生效。

JavaScript / jQuery文件（再次包含在模板中）位于http://www.domain.com/template_v1/js/this_file.js - 所以考虑到这一点，我希望能够自动生成相对于图像位置的图像路径。 this_file.js个文件。如果这是CSS，这将很容易，因为非显式路径相对于调用路径的CSS文件 - 但我不知道如何使用JavaScript / jQuery实现这一点。

提前感谢任何提示。

Answer 1

你需要在源头开始上一个文件夹吗？将从当前目录工作并完全保留在模板文件夹中：

src = './images/pdf_small.png'