Question

到目前为止我已经有了它，所以如果将图像/部分拖到另一个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( "" );
                }
            });
        });

Answer 1

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

这是一个快速demo。

当某个图像被放到它上面时，如何将一个类添加到div？

1 个答案: