javascript外部文件中的相对路径

Question

我试图让这张照片显示出来，但我没有成功。

如果我这样做

$.blockUI.defaults.message = '<img src="../images/blockUI_Loader.gif" />';

我来自小提琴手

如果我这样做

$.blockUI.defaults.message = '<img src="../_assets/images/blockUI_Loader.gif" />';

我来自小提琴手

如果我使用

$.blockUI.defaults.message = '<img src="~/_assets/images/blockUI_Loader.gif" />';

我来自小提琴手

我的文件夹结构如下

js文件位于js文件夹中。

Answer 1

相对路径是相对于HTML文件而不是js文件。所以看看你的其他文件，我猜你需要图像/ ...

Answer 2

另一种解决方案是通过JavaScript将类应用于元素，并使用CSS设置背景图像。

CSS中的相对url路径始终相对于样式表文件，这可以使它们更容易保持一致。

例如

的Javascript

$.blockUI.defaults.message = '<div class="blockUI-Loader"></div>';

CSS

.blockUI-Loader {
    /* url path is relative to this CSS file in "_assets/css" */
    background-image: url(../images/blockUI_Loader.gif);
    background-repeat: no-repeat;
    width: nnpx; /* width of image */
    height: nnpx; /* height of image */
}

Answer 3

最后我找到了解决方案！

$.blockUI.defaults.message = '<img src="_assets/images/blockUI_Loader.gif" />';