javascript - javascript 外部文件中的相对路径

Question

我正在尝试显示这张图片，但没有成功。

如果我这样做

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

我从fiddler那里得到

如果我这样做

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

我从fiddler那里得到

如果我使用

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

我从fiddler那里得到

我的文件夹结构如下

js 文件位于 js 文件夹中。

Answer 1

另一种解决方案是通过 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 */
}