html - Html5拖放到拉斐尔画布上在Firefox中不起作用

Question

所以我尝试在 Raphael 中使用 HTML 5 的拖放功能。Chrome 会触发 ondragstart 事件，但 firefox 不会。尽管如此，根据所有报告，ondragstart 受 Firefox 支持。

这是html

<li><a href="#" id = "symbol1"><img src ="img/symbol1.png" draggable="true" ondragstart="symbolone(event)"></img></a>

这是 jquery/js

function symbolone(event){
    console.log("symbolonecalleddog");
    insertSymbols(1); 
};
function insertSymbols(symboltype){
//symbol 1
var x = 0;
var y = 0;
/* canvas is the html div that stores my raphael paper*/
$("#canvas").mouseup(function(e){
    console.log("mouseup");
    var eleoffset=$("#canvas").offset();
    x = e.pageX - eleoffset.left;
    y = e.pageY - eleoffset.top;
    console.log("x : "+x+" y : "+y);
    var foo = drawSymbol(x,y, symboltype);
    $("#canvas").unbind('mouseup');
    symbolcreated(foo);
    setxy(x,y);
});
};

我可以在 chrome 控制台中看到所有的 console.log 结果。但不在 Firefox/Firebug 控制台中。