附加到div后，gif图像的相对路径会中断？

Question

问题背景：

我在视图上有一个表单，当用户提交此表单时，该表单将显示加载'spinner'gif。

问题：

如果我在其持有div中包含微调器img元素，则渲染微调器，但这显然是我不想要的时间显示：

如果在提交表单时使用jQuery将img元素附加到微调器，则相对路径无法呈现微调器：

代码：

这是微调器img元素将附加到的div。

<div id="loadSpinner" class="text-center">
</div>

jQuery用于将img elemtn附加到spinner gif的实际路径。

    function showSpinner() {

    var spinner = '<img src="~/Images/LoadingSpinner.gif">';

    $(spinner).appendTo('#loadSpinner');

}

任何帮助确定为什么不会呈现这一点将不胜感激。

Answer 1

因为你正在混合不能在dom中运行的剃刀代码。

~ 不属于有效的http网址路径。使用正确的图像路径

尝试删除~，假设Images目录位于网站的根目录

var spinner = '<img src="/Images/LoadingSpinner.gif">';