Question

我有一个可拖动/可放入文件夹的对象列表。现在，当我将它们放入文件夹时，它们就会消失。这是一个黑客解决方案的小提琴：

有没有更好的方法来实现这一目标？

代码：

$( '.droppable' ).droppable( {
    drop: function( event, ui ) {
        if(ui.draggable.parent('.sortable').length){
        ui.draggable
            .clone()
            .appendTo('.droppable')
            .addClass("sort-drop")
            .css(ui.position)
            .hide( 500 );

        ui.draggable.hide();
                console.log(ui,event);
    }else{
        ui.draggable.hide(500);
    }


    }
} );

$( '.sortable' ).sortable();

$( '.draggable .item' ).draggable( {
    revert: 'invalid'
} );

Answer 1

我已更新了您的JSFiddle并进行了一些动画更改。

$( '.droppable' ).droppable( {
    drop: function( event, ui ) {
        if(ui.draggable.parent('.sortable').length){
        ui.draggable
            .clone()
            .appendTo('.droppable')
            .addClass("sort-drop")
            .css(ui.position)
            .fadeOut( 5000 );

        ui.draggable.hide();
                console.log(ui,event);
    }else{
        ui.draggable.fadeOut(5000);
    }

    }
} );

我希望这个动画改变会帮助你做好准备。

Jquery draggable / droppable - 使掉落的元素淡出而不是消失？

1 个答案: