javascript - jquery-ui-droppable は、ドラッグ可能な 2 種類の div を区別できませんか?

Question

Jqueryui Droppable について質問があります。申し訳ありませんが、英語が下手です。飽和状態は次のとおりです。現在、3 つの div、div a、div b、および div c があり、div a と div b をドラッグ可能に、div c をドロップ可能にします。DIV C は div a と div c を受け入れることができます。問題は、div c が div a と div b を Copy として受け入れるか、div c が div a と div b を Shear として受け入れることができるかということです。これを取れ？

Answer 1

その（英語）よくある問題;）

ドラッグ可能なオブジェクトのクラスを設定し、後でドロップ イベントでコンテキストを一致させることができます。

$(function() {
    $( "#diva" ).draggable(
        drag: function(event, $ui) {
            $ui.addClass('copy');
        },
        stop: function(event, $ui) {
            $ui.removeClass('copy');
        }

    );
        $( "#divb" ).draggable(
        drag: function(event, $ui) {
            $ui.addClass('shear');
        },
        stop: function(event, $ui) {
            $ui.removeClass('shear');
        }

    );

    $( "#divc" ).droppable({
        drop: function( event, $ui ) {
            // you can access the dragglable html by this
            // and then can append it to anywhere, its like making its copy
                var html = $ui.draggable.html();
                if ($ui.draggable.hasClass('shear')) {
                    // destroy #divb here so that it looks like shear
                }
        }
    });
});