jQuery - 拖动区域中的元素 - 然后不再拖动

Question

我有三个div区域。使用jQuery UI创建一个draggable()元素，我可以在屏幕上拖动它。把它放在一个特殊区域，然后我再也不能拖动了它。

我创建了一个完整的工作演示：http://jsbin.com/enusu4/2/

在那里你可以创建一个放置在左侧绿色区域的可拖动元素。将其拖动到中间或右侧绿色区域，我无法拖动元素。

我增加元素的zIndex，但它不起作用。

有谁可以帮助我，有什么不对？

最诚挚的问候。

Answer 1

为第2和第3个div添加z-index:-1;。