jquery - jQuery UI でドロップ イベントを処理する適切な方法

Question

私はjQuery UIdroppableとdraggable. 一部のキャンバスにドロップされた要素に基づいて、さまざまな関数が呼び出されます。したがって、現在は次のようになっています。

$('#myCanvas').droppable({
    drop: function (e, ui) {
        if (draggableId === "idA") {
            functionA();
        } else if (draggableId === "idB") {
            functionB();
        } else if (draggableId === "idC") {
            functionC();
        }
    }
});

あの醜い顔色をなくしたい。ポリモーフィズムの問題のように見えますが、このような場合の処理​​方法がよくわかりません。手伝ってくれてありがとう！

Answer 1

試す

var fns = {
    idA: functionA,
    idB: functionB,
    idC: functionC
}
$('#myCanvas').droppable({
    drop: function (e, ui) {
        var fn = fns[draggableId];
        if($.isFunction(fn)){
            fn();
        }
    }
});