在函数中附加包含图像的div

时间:2015-08-11 22:31:49

标签: javascript jquery html

一切都来自下面的单行代码,我可能在某个地方陷入困境,经过一个小时的搜索错误,我仍然找不到它,所以这就是为什么我要转向你。 / p>

$("red").append("<div class = "reddot" style = "top: '+ y + 'px; left: '+ x +'px;"><img src='red.png' height='10' width='10'></div>");

当.append();没有参数,语法的一切都很好。在我把你看到的内容后,在参数列表之后弹出一条消息“Uncaught SyntaxError:missing”,这是我找不到的。请帮助我找到神秘的支架或修复我的语法,或者如果您认为这个不会对我有用,请用另一种方式写这个。很抱歉这个转储问题,我搜索了很多,但是在附加方法中实现两个或更多html标签无处可去。 附:我们的想法是通过生成其他坐标来加载一个容纳图像的容器。

2 个答案:

答案 0 :(得分:3)

$("red").append("<div class=\"reddot\" style=\"top: "+ y + "px; left: "+ x +"px;\"><img src='red.png' height='10' width='10'></div>");

所有"都应该在包含"的字符串中进行转义,否则JS会认为字符串已经结束

答案 1 :(得分:0)

试试这个

$("red").append("<div class = 'reddot' style = 'top: "+ y + "px; left: "+ x +"px;'><img src='red.png' height='10' width='10'></div>");