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

Question

我有三个div区域。创建一个元素，它是带有jQuery UI的draggable()，我可以将它拖到整个屏幕上。把它放在一个特殊的地方，然后我就不能再拖了。

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

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

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

有没有人能帮我，怎么了？

诚挚的问候。

Answer 1

为第二个和第三个div添加z-index:-1;。