javascript - jquery-ui-droppable 不能区分两种可拖动的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 作为副本，或者 div c 可以接受 div a 和 div b 作为剪切。我希望 div c 可以接受 div a 作为副本，div b 作为剪切。我该怎么做得到这个？

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
                }
        }
    });
});