jQuery 可拖动溢出：自动问题

Posted 2023-05-08

【中文标题】jQuery 可拖动溢出：自动问题

【英文标题】：jQuery Draggable overflow:auto issue

【发布时间】：2012-05-06 08:08:26

【问题描述】：

如何使用 overflow:auto 将我的项目拖出 #draggable div？下面的例子。

http://jsfiddle.net/7rmY3/1/

【参考方案1】：

使用选项：

'helper':'clone'

似乎让用户将项目拖出

http://jsfiddle.net/7rmY3/5/

编辑，

如果您需要删除拖动的项目，请在 droppable 方法的 drop 事件中进行。我应用了索引 id 来识别项目，但这可以通过不同的方式进行

$('#target').droppable(
    drop: function(event,ui)
               // Append the item in the droppable div
               $(this).append($(ui.draggable));       
               // Remove the item from the draggable list     
               $('#draggable li#'+$(ui.draggable).attr('id')).remove();
           
);

http://jsfiddle.net/7rmY3/14/

【讨论】：

谢谢。 helper:clone 确实拖出了项目，但项目仍在#draggable中，拖出时应该删除

你可以在插件事件中手动完成，检查我的编辑