jQuery draggable - 改变监听器

时间:2013-01-23 15:49:04

标签: jquery jquery-ui-draggable jquery-ui-droppable

我遇到了draggable / droppable对象的问题。我将可拖动对象设置为大约400px宽和50px高。可放置的高度相同,但宽度仅约为80px。

当您尝试将对象放到droppable上时,我的问题就出现了。为了使draggable能够实际触发drop listener,draggable必须几乎完全居中于droppable上,以便它实际工作并触发drop事件监听器。

有没有办法修改代码,以便它会使用角来测试掉落?看起来它会根据它在droppable上的宽度来测试可拖动对象的位置,以检测它是否被丢弃。我需要修改它,以便它可以侦听可拖动对象的外边缘。

例如,如果要删除下图中拖动的对象,它将捕捉到标题为“步骤1”的对象。现在,为了实际捕捉到droppable对象,可拖动的那一半必须是一半。

enter image description here

1 个答案:

答案 0 :(得分:1)

如果你正在使用jQuery UI的Draggable / Droppable代码,你看过设置这个参数吗? http://api.jqueryui.com/droppable/#option-tolerance ...看起来您可以将其设置为“触摸”,这意味着只要可拖动区域与拖放区域本身的任何部分接触,就会激活可投放区域。