JqueryUI突出显示未接受对象上的droppable

时间:2010-11-08 08:34:39

标签: jquery jquery-ui

我有一组droppables,每个droppables与(接受)一个特定的draggable相关联。所以可拖动的A只能放在droppable A上。我想要的是当我将拖动器拖到它上面时,不会接受可拖动的droppable仍能得到它的hoverClass。

所需的行为是让用户在丢弃之前不知道是否可以接受拖动,而不会完全丢失hoverClass。

首先:有没有配置,我错过了?

如果没有:您将如何解决上述问题?是否更容易根据需要手动添加和删除hoverClass,或者让droppables接受所有可拖动的东西,并手动还原无效的drop?

1 个答案:

答案 0 :(得分:2)

对droppable使用 activeClass -option。这允许您突出显示接受当前拖动的可拖动的droppable。但当然这不是你想要做的。

要获得所需的行为,您必须接受所有可排序的所有可拖动行为 可能有不同的解决方案,一个可能是:

超过的droppable确定,如果可拖动被接受(我的意思是你接受,而不是由droppable接受,因为有所有可拖动的接受)。 假设您在所有可拖动中将恢复设置为true,现在可以将draggable的revert-option设置为false(如果已接受)。否则,如果收到未接受的可拖动项,则添加该类以突出显示。

在停止拖动时,移除上面设置的类并设置恢复为真。

查看示例:http://jsfiddle.net/doktormolle/rJkpu/