私はjavascriptでhtmlを動的に生成しています。私のhtmlはフォローしています
<table id="tr1">
<tbody>
<tr><td><img src="/images/D:listhelladimgautos76cecc74-733d-4794-af6c-caca4d0bfd45.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/D:listhelladimgautosa84b01e3-7811-4897-8e4b-fa351ddd4aca.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/D:listhelladimgautos 2ab6f2d-5a26-40a6-bcef-a18ce10dd14d.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/D:listhelladimgautosc47516b8-c265-4d68-a41c-fc74ade50ab7.jpg" style="width:50px;"></td></tr>
<tr><td><img src="/images/" style="width:50px;"></td></tr></tbody></table>
私はこのようなJavaScriptを使用してそれを生成しています
function uploadComplete() {
var v = $.cookie("path").split(",");
for (i = 0; i < v.length; i++) {
$("#tr1").append("<tr><td><img src="/images/" + v[i] + "" style="width:50px;" /></td></tr>");
}
alert("completed");
}
uploadComplete()はjavascriptイベントであり、ajaxfileuploadコントロールを使用してファイルがアップロードされたときに発生します。
問題はChromeでhtmlが生成されることですinspect要素を使用して表示しますが、ブラウザのUIでは表示されません。Firefoxでは、テーブルはブラウザのUIに表示されますが、画像が読み込まれません。
どんなアドバイス、意見、提案も役に立ちます、ありがとう
回答:
回答№1の場合は-1あなたはこれをしなければならないでしょう:
$("#tr1 tbody").append("<tr><td><img src="/images/" + v[i] + "" style="width:50px;" /></td></tr>");
テーブル内ではなく、tbodyに行を追加する必要があります
回答№2の場合は-1
これを試して :
$("#tr1 tr")
.last()
.after("<tr><td><img src="/images/" + v[i] + "" style="width:50px;" /></td></tr>");