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 コンソールにはありません。