Html5拖放到raphael画布上并不适用于Firefox

Question

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

这是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控制台中。