jquery - 拖放 : changing the background

Question

我有一个页面，其中有一个名为 #elementoDraggabile 的可拖动对象。

当我在 x 轴上移动 #elementoDraggabile 时，我也想改变另一个对象的背景#elementoDroppable

例如当#elementoDraggabile的位置为x = 1时，#elementoDroppable的背景颜色将为绿色 并且当 #elementoDraggabile 为 x = 2 时，#elementoDroppable 的背景颜色应为 orange 。有人可以帮助我吗？

这是我的示例:http://goo.gl/H3zmj

<小时/>

好的，新文件:http://goo.gl/P1saz

#droppable 的颜色在悬停时发生变化。是否可以在不悬停的情况下更改他的背景，但当我拖动#draggable时？可能我必须修改这一行:$("#draggable").on("hover",function(){。对吗？

谢谢大家!!!

Answer 1

您需要使用 API，例如使用 drop event每次放置元素时都会触发可放置元素的属性，以更改目标的颜色。

这是一个简单的例子:

http://jsbin.com/udijul/1/