javascript - 从应用了 'overflow: scroll/auto' 样式的 div 中删除可拖动元素？

Question

这是我的 fiddle :http://jsfiddle.net/challenger/u22PD/69 . Draggable 和 droppable 以这种方式初始化:

$lister.find('.draggable').draggable({
    stack: 'div'
});

$('#insert-editor .droppable-target').droppable({
    drop: function(event, ui) {
        var $this = $(this);
        $this.html(ui.draggable);
    }
});

只能将 .darggable 元素拖到 #image-lister div 上。如何将 .draggable 元素拖放到 droppable-target 上？

还有如何在将元素拖放到目标后保持 draggable 项？

Answer 1

在那里找到了解决方案:jQuery Draggable and overflow issue

将我的代码更改为:

$lister.find('.draggable').draggable({
    scroll: false,
    helper: 'clone',
    start: function() {
        $(this).hide();             
    },
    stop: function() {
        $(this).show()
    }
});

这是结果:http://jsfiddle.net/challenger/u22PD/91

唯一令我不满意的是，当拖动时，您仍然可以看到可拖动项在父分区的隐藏部分下方。也许你知道如何解决这个问题？