jquery - Jquery 的可拖动/可放置 - 使放置的元素淡出而不是消失？

Question

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

http://jsfiddle.net/tYfNb/1/

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

代码：

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

    }
} );

我希望这个动画的变化能帮助你。