javascript - オブジェクトをイメージ タグの src として使用する

Question

ユーザーがクリックしたデータ項目に基づいて動的に更新される html5 ページがあります。私は、という名前の属性に保存されたデータ項目のURLを持っています

mv-pic 

ただし、これを画像の src として使用しようとすると、ボックスの輪郭だけが表示され、画像はレンダリングされません。このJS Fiddleでこのエラーを再現できます。リスト項目をクリックするだけで、私が言っていることがわかります。

Answer 1

$('#mv-pic').text(listItemclicked.picturePath);

これは、「 id の要素を取得し、mv-picテキストで埋めることを意味します。 id の要素はありません。属性が「mv-pic」mv-picの画像があります。考えられる解決策:src

<img  height="100" width="100" id="mv-pic" />
...
$('#mv-pic').attr("src",listItemclicked.picturePath);