为什么这适用于IE而不适用于Firefox或Chrome?

时间:2011-08-17 12:30:34

标签: php javascript jquery

我在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脚本之间的通信。

2 个答案:

答案 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);
相关问题