Jquery ui jquery ui可拖动禁止覆盖元素
我使用的是jQueryUIDragable,我不想让用户将助手拖到另一个元素上,我该怎么做?我无法使用snapMode:outer 谢谢。为此,您可以使用可拖动选项 如果将其设置为Jquery ui jquery ui可拖动禁止覆盖元素,jquery-ui,draggable,Jquery Ui,Draggable,我使用的是jQueryUIDragable,我不想让用户将助手拖到另一个元素上,我该怎么做?我无法使用snapMode:outer 谢谢。为此,您可以使用可拖动选项 如果将其设置为“valid”,则如果将辅助对象拖放到可拖放的小部件上,则将恢复拖动操作。这意味着您只需围绕其他元素创建这样一个小部件: $("#yourDraggableElement").draggable({ revert: "valid" }); $("#yourOtherElement").droppable();
“valid”
,则如果将辅助对象拖放到可拖放的小部件上,则将恢复拖动操作。这意味着您只需围绕其他元素创建这样一个小部件:
$("#yourDraggableElement").draggable({
revert: "valid"
});
$("#yourOtherElement").droppable();
为此,您可以使用draggable选项
如果将其设置为“valid”
,则如果将辅助对象拖放到可拖放的小部件上,则将恢复拖动操作。这意味着您只需围绕其他元素创建这样一个小部件:
$("#yourDraggableElement").draggable({
revert: "valid"
});
$("#yourOtherElement").droppable();
您正在寻找的效果与Dragable小部件的比喻不符。通常,在您的情况下,被拖动的元素被允许越过另一个元素,但如果将其放在那里,则会恢复到其初始位置。这种行为是否适合您的需要?嗨,Frederic,我认为它可以工作,我可以需要可拖放的ui吗?我不能设置void元素,因为我希望用户将其拖动到空闲空间。。。或者我可以将整个文档设置为有效的可拖放文档吗?对不起,我之前的评论中有一个错误,我的意思是将
还原
选项设置为“无效”
。在您的情况下,您需要相反的设置,即将还原
选项设置为有效“
,并在您不希望将助手拖动到的元素周围创建一个可拖放的小部件。我将尝试在回答中对此进行详细说明。您所寻找的效果并不遵循可拖动小部件的比喻。通常,在您的情况下,被拖动的元素被允许越过另一个元素,但如果将其放在那里,则会恢复到其初始位置。这种行为是否适合您的需要?嗨,Frederic,我认为它可以工作,我可以需要可拖放的ui吗?我不能设置void元素,因为我希望用户将其拖动到空闲空间。。。或者我可以将整个文档设置为有效的可拖放文档吗?对不起,我之前的评论中有一个错误,我的意思是将还原
选项设置为“无效”
。在您的情况下,您需要相反的设置,即将还原
选项设置为有效“
,并在您不希望将助手拖动到的元素周围创建一个可拖放的小部件。我将尝试在回答中详细说明这一点。