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 ui可拖动禁止覆盖元素_Jquery Ui_Draggable - Fatal编程技术网

Jquery ui jquery ui可拖动禁止覆盖元素

Jquery ui jquery ui可拖动禁止覆盖元素,jquery-ui,draggable,Jquery Ui,Draggable,我使用的是jQueryUIDragable,我不想让用户将助手拖到另一个元素上,我该怎么做?我无法使用snapMode:outer 谢谢。为此,您可以使用可拖动选项 如果将其设置为“valid”,则如果将辅助对象拖放到可拖放的小部件上,则将恢复拖动操作。这意味着您只需围绕其他元素创建这样一个小部件: $("#yourDraggableElement").draggable({ revert: "valid" }); $("#yourOtherElement").droppable();

我使用的是jQueryUIDragable,我不想让用户将助手拖到另一个元素上,我该怎么做?我无法使用snapMode:outer

谢谢。

为此,您可以使用可拖动选项

如果将其设置为
“valid”
,则如果将辅助对象拖放到可拖放的小部件上,则将恢复拖动操作。这意味着您只需围绕其他元素创建这样一个小部件:

$("#yourDraggableElement").draggable({
    revert: "valid"
});

$("#yourOtherElement").droppable();
为此,您可以使用draggable选项

如果将其设置为
“valid”
,则如果将辅助对象拖放到可拖放的小部件上,则将恢复拖动操作。这意味着您只需围绕其他元素创建这样一个小部件:

$("#yourDraggableElement").draggable({
    revert: "valid"
});

$("#yourOtherElement").droppable();

您正在寻找的效果与Dragable小部件的比喻不符。通常,在您的情况下,被拖动的元素被允许越过另一个元素,但如果将其放在那里,则会恢复到其初始位置。这种行为是否适合您的需要?嗨,Frederic,我认为它可以工作,我可以需要可拖放的ui吗?我不能设置void元素,因为我希望用户将其拖动到空闲空间。。。或者我可以将整个文档设置为有效的可拖放文档吗?对不起,我之前的评论中有一个错误,我的意思是将
还原
选项设置为
“无效”
。在您的情况下,您需要相反的设置,即将
还原
选项设置为
有效“
,并在您不希望将助手拖动到的元素周围创建一个可拖放的小部件。我将尝试在回答中对此进行详细说明。您所寻找的效果并不遵循可拖动小部件的比喻。通常,在您的情况下,被拖动的元素被允许越过另一个元素,但如果将其放在那里,则会恢复到其初始位置。这种行为是否适合您的需要?嗨,Frederic,我认为它可以工作,我可以需要可拖放的ui吗?我不能设置void元素,因为我希望用户将其拖动到空闲空间。。。或者我可以将整个文档设置为有效的可拖放文档吗?对不起,我之前的评论中有一个错误,我的意思是将
还原
选项设置为
“无效”
。在您的情况下,您需要相反的设置,即将
还原
选项设置为
有效“
,并在您不希望将助手拖动到的元素周围创建一个可拖放的小部件。我将尝试在回答中详细说明这一点。