[英]JQuery Sortable, Draggable and Droppable not working together
我想创建一个照片管理器,您可以在其中重新排列图像并将其放入垃圾箱中以将其删除。 我的问题是,当您开始拖动图像时,它不再位于光标下方,向左约500px。 我当前的代码-http://jsfiddle.net/D4xQh/ 。
$("#currentImages").sortable();
$(".imgThumb", "#currentImages").draggable({
connectToSortable: "#currentImages",
helper: "original",
revert: "invalid"
});
$("#trash").droppable({
drop: function( event, ui ) {
var $item=( ui.draggable );
$item.fadeOut();
}
});
我尝试删除可拖动的部分,但这会导致将图像发送到垃圾箱以还原到其原始位置,然后淡出。 这使它看起来非常不舒服,而且看起来也不专业。 没有拖动选项就可以了-http: //jsfiddle.net/D4xQh/1/
JSFiddle中的灰色框是“垃圾箱”框
我不知道这是否可以解决您的问题,但是您缺少revert
参数:
$("#currentImages").sortable({
revert: true
});
试试这个: http : //jsfiddle.net/D4xQh/2/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.