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 作为 Copy，或者 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
                }
        }
    });
});