1

到目前为止,我已经有了它,所以如果将图像/部分拖到另一个 div 上,它将改变 div 的图像,但是我怎么能拥有它,所以如果带有类的某个图像/部分被拖放到 div 上,那么它会向其中添加一个类,如果将另一个图像/部分拖放到它上面,则添加另一个类?

到目前为止,我有这个用于拖放:

        $(function() {
            $( "#draggable" ).draggable({
                drag: function(event, ui) {
                    $( this )
                        .addClass( "choppedonion" )
                        .find( "section" )
                            .html( "" );
                }
            });
            $( "#droppable" ).droppable({
                drop: function( event, ui ) {
                    $( this )
                        .addClass( "fullbowl" )
                        .find( "div" )
                            .html( "" );
                }
            });
        });
4

1 回答 1

0

drop事件中,您可以使用 引用可拖动元素ui.draggable。然后您可以检查该元素是否具有您要查找的类:

$( "#droppable" ).droppable({
    drop: function( event, ui ) {
        $( this )
            .addClass( "fullbowl" )
            .find( "div" )
            .html( "" );

        var $draggable = $(ui.draggable);
        if( $draggable.hasClass('oneClass')) {
            $draggable.addClass('addedClass');
        }
        if( $draggable.hasClass('otherClass')) {
            $draggable.addClass('otherAddedClass');
        }
     }
});

这是一个快速演示

于 2013-11-11T19:05:12.477 回答