Javascript jquery ui可下拉式can';不能区分两种可拖动的div吗?

Javascript jquery ui可下拉式can';不能区分两种可拖动的div吗?,javascript,jquery,jquery-ui,jquery-ui-draggable,jquery-ui-droppable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery Ui Droppable,我在Jqueryui DROPABLE有个问题。对不起,我的英语很差。 评估结果如下: 现在,我有3个div,div a,div b和div c。我使div a和div b可拖动,div c可拖放。div c可以接受div a和div c。 问题是,现在c组可以将a组和b组作为副本,或者c组可以将a组和b组作为剪切。我希望c组可以将a组作为副本,b组作为剪切。我如何才能得到这一点?这是一个常见的问题;) 您可以为可拖动对象设置类,然后稍后在drop事件中匹配上下文 $(function() {

我在Jqueryui DROPABLE有个问题。对不起,我的英语很差。 评估结果如下: 现在,我有3个div,div a,div b和div c。我使div a和div b可拖动,div c可拖放。div c可以接受div a和div c。 问题是,现在c组可以将a组和b组作为副本,或者c组可以将a组和b组作为剪切。我希望c组可以将a组作为副本,b组作为剪切。我如何才能得到这一点?

这是一个常见的问题;)

您可以为可拖动对象设置类,然后稍后在drop事件中匹配上下文

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