Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery UI-将jQuery可拖动对象还原回其原始状态?_Jquery_Jquery Ui - Fatal编程技术网

jQuery UI-将jQuery可拖动对象还原回其原始状态?

jQuery UI-将jQuery可拖动对象还原回其原始状态?,jquery,jquery-ui,Jquery,Jquery Ui,在HTML文件中,我想拖动一个项目并将其拖放到目标位置,假设我想将另一个项目拖放到同一位置,此时两个项目都应被覆盖。如果两个项目都被覆盖,则新项目应还原到原始位置。有人能帮助我如何将新项目还原到原始位置吗。 这是我的密码 $(函数(){ $(“.draggable2”).draggable({ 回复:“无效” }); $(“#可拖放”)。可拖放({ drop:函数(){ //var xPos=offset.left; //var yPos=offset.top; //警报($(this).pos

在HTML文件中,我想拖动一个项目并将其拖放到目标位置,假设我想将另一个项目拖放到同一位置,此时两个项目都应被覆盖。如果两个项目都被覆盖,则新项目应还原到原始位置。有人能帮助我如何将新项目还原到原始位置吗。 这是我的密码

$(函数(){
$(“.draggable2”).draggable({
回复:“无效”
});
$(“#可拖放”)。可拖放({
drop:函数(){
//var xPos=offset.left;
//var yPos=offset.top;
//警报($(this).position().left);
$(this.find(“p”).html(“是的,它被删除了!”);
}
});
});
JSFIDLE是:


-谢谢。

您需要在要拖动的对象上启用“可拖放”,然后使用“还原”

像这样:

$(“.draggable2”).可拖放({
贪婪:没错,
宽容:“触摸”,
drop:函数(事件、用户界面){
ui.draggable.draggable('option','revert',true);
}
});
请参见此演示


另请参见此问题

您需要在要拖动的对象上启用
可拖放
,并在此处使用
还原

像这样:

$(“.draggable2”).可拖放({
贪婪:没错,
宽容:“触摸”,
drop:函数(事件、用户界面){
ui.draggable.draggable('option','revert',true);
}
});
请参见此演示


另请看这个问题

非常感谢,它非常有帮助。非常感谢,它非常有帮助。