我在javascript和php中创建了一个signfield。用户可以使用鼠标在字段中写入。 Javascript读出坐标并将它们发送到生成图像的PHP脚本。每次移动鼠标时都会创建一个新图像,并通过javascript将其移动到div中。 问题是,这适用于IE 8,但它不适用于Firfox或Chrome。 这是我的代码的相关部分:
.mousemove(function(e)
{
if(mouseDown)
{
//alert("debug");
//$("#debug").html($("#debug").html() + e.pageX + ", " + e.pageY + "<br>");
coordhdl.addCords(e.pageX - this.offsetLeft, e.pageY - this.offsetTop);
//$('#test').load('showCoordinates.php');
var coordinations = coordhdl.getCords();
$('#signature').remove();
//IMPORTANT LINE:
$('#test').prepend('<img id="signature" src="showCoordinates.php?cords=' + coordinations + '" alt="braso"');
}
});
我还尝试使用php脚本加载文件系统上的图像。这也行不通。所以问题不能是javascript和php脚本之间的通信。
答案 0 :(得分:3)
我认为应该是
$('#test').prepend('<img id="signature" src="showCoordinates.php?cords=' + coordinations + '" alt="braso"/>');
你错过了/&gt;
答案 1 :(得分:2)
两个问题:您要附加具有相同ID的图片,并且不要关闭图片代码。请尝试此操作:
var newImg = $("<img />").attr("src", "showCoordinates.php?cords=" + coordinations).attr("alt", "braso");
$('#test').prepend(newImg);