使用javascript将图像插入到表中
我正在开发一个使用Play框架技术的Web应用程序。在我的一个scala.html视图中,我使用它来简单地显示图像:使用javascript将图像插入到表中,javascript,html,playframework-2.0,Javascript,Html,Playframework 2.0,我正在开发一个使用Play框架技术的Web应用程序。在我的一个scala.html视图中,我使用它来简单地显示图像: <img src="@routes.Assets.at("images/image/1003.png")" width="30" height="30"> 而且效果很好 现在我想在另一个站点上构建一个表。表格显示了它现在的状态并显示了它的数据,工作正常。现在在第一列,我想在每一行放一张图片。我认为它应该是这样工作的: $(function () {
<img src="@routes.Assets.at("images/image/1003.png")" width="30" height="30">
而且效果很好
现在我想在另一个站点上构建一个表。表格显示了它现在的状态并显示了它的数据,工作正常。现在在第一列,我想在每一行放一张图片。我认为它应该是这样工作的:
$(function () {
$('#table').append("<thead><tr><th><a>CImage</a></th><th><a>C0</a></th><th><a>C1</a></th><th><a>C2</a></th><th><a>C3</a></th><tr></thead><tbody>");
for(var i = 0; i < jsonObj.obj.length;i++){
$('#table').append("<tr><td><img src="@routes.Assets.at("images/image/1003.png")" width="30" height="30"></td><td>"+jsonObj.obj[i]+"</td><td>"+ jsonObj.somedata[i]+"</td><td>"+ jsonObj.someData[i]+"</td><td>"+ jsonObj.someData[i]+"</td><tr>");
}
$('#table').append("</tbody>");
$("#table").tablesorter();
}
$(函数(){
$(“#表”).append(“CImageC0C1C2C3”);
for(var i=0;i
但是如果我这样做,表格就不会显示。我也不知道为什么。图像的来源是正确的。这肯定不是因为它在javascript函数中,因为只要我不尝试添加图像,其他HTML标记就可以正常工作。我非常感谢任何帮助。这是我的两分钱。在这行:
$('#table').append("<tr><td><img src="@routes.Assets.at("images/image/1003.png")" width="30" height="30"></td><td>"+jsonObj.obj[i]+"</td><td>"+ jsonObj.somedata[i]+"</td><td>"+ jsonObj.someData[i]+"</td><td>"+ jsonObj.someData[i]+"</td><tr>");
注入代码后,HTML标记应如下所示:
$('#table').append("<tr><td><img src=\"@routes.Assets.at('images/image/1003.png')\" width=\"30\" height=\"30\"></td><td>"+jsonObj.obj[i]+"</td><td>"+ jsonObj.somedata[i]+"</td><td>"+ jsonObj.someData[i]+"</td><td>"+ jsonObj.someData[i]+"</td><tr>");
<tr>
<td>
<img src="@routes.Assets.at('images/image/1003.png')" width="30" height="30">
</td><td>
{{jsonObj.obj[i]}}
</td><td>
{{jsonObj.somedata[i]}}
</td><td>
{{jsonObj.someData[i]}}
</td><td>
{{jsonObj.someData[i]}}
</td>
<tr>
{{jsonObj.obj[i]}
{{jsonObj.somedata[i]}
{{jsonObj.someData[i]}
{{jsonObj.someData[i]}
这应该像往常一样由浏览器呈现,除非在那些
obj
和somedata
值中有隐藏的HTML标记或其他一些字符,如
。这可能会把事情搞砸,所以如果可以的话,尝试检查并替换它们。谢谢你的回答。如果我这样做,我会得到一个编译e错误:我在.png之后有一个未关闭的字符文本。不,obj或somedata中都没有隐藏的HTML标记。只有字符串和数字。现在该怎么办?