MVC 5ビューは、追加divを使用すると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>'); 
    } 

が、私はビューで見ることができるすべては、代替「ロード...」のテキストではない実際の画像です：だから私は、次のコードを持っています。

次のコードを使用してイメージを手動でビューに配置しようとしましたが、イメージが完全に正常に表示されます。

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

画像がshowLoadingImage関数を使用して表示されない理由についてお勧めしますか？

多くのThnks。

Answer 1

パスが誤ってビューが~を解決することができませんように構成されたので、

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>" 

ようにそれを作る