為什么這適用於 IE，但不適用於 Firefox 或 Chrome？

Question

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

Answer 1

我認為應該是

$('#test').prepend('<img id="signature" src="showCoordinates.php?cords=' + coordinations + '" alt="braso"/>');

你錯過了/>

Answer 2

兩個問題：您要附加具有相同 ID 的圖像並且不關閉圖像標簽.. 試試這個：

var newImg = $("<img />").attr("src", "showCoordinates.php?cords=" + coordinations).attr("alt", "braso");
$('#test').prepend(newImg);