Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript将图像插入到表中_Javascript_Html_Playframework 2.0 - Fatal编程技术网

使用javascript将图像插入到表中

使用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 () {

我正在开发一个使用Play框架技术的Web应用程序。在我的一个scala.html视图中,我使用它来简单地显示图像:

<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标记。只有字符串和数字。现在该怎么办?