javascript - 使用附加 div 时 MVC 5 View 看不到 html 图像

Question

我正在使用 ASP.net MVC5。 (级别:新手)

我正在尝试使用 JavaScript 函数创建一个包含图像的 div。所以我有以下代码:

function showLoadingImage() {
        $('#submit_EmployeeDetails').append('<div id="loading-image"><img src="~/images/ajax-loader.gif" alt="Loading..." /></div>');  
    }

函数运行，但我在 View 上只能看到替代的“正在加载...”文本，而不是实际图像。

我尝试使用以下代码手动将图像放入我的 View 中，我可以完美地看到图像。

<div>
    <img src="~/images/ajax-loader.gif" /> 
</div>

对于为什么使用 showLoadingImage 函数不显示图像，有人有任何建议吗？

非常感谢。

Answer 1

路径构造错误，因为 View 无法解析~，所以将其更改为

var path='<div id="loading-image"><img src="/images/ajax-loader.gif" alt="Loading..." /></div>'

$('#submit_EmployeeDetails').append(path);

旁注:

如果你想动态添加图片就这样吧

var path="<div id='loading-image'><img src='/images/" + img.gif "' alt='Loading...' /></div>"