他のブログからエントリーをこちらに移行させて集約します。 今製作中のもので派手にハマッたので、今後バージョン上がった時に対応が必要になるかもしれないのでメモをしておく。 対象箇所は jQuery UI の droppable 系(jquery-1.4.2 + jquery-ui-1.8)。 はじまり jQuery UI で、指定要素に doroppable を指定してドロップ領域を作成する。ここまでは問題なし。問題なしどころか実装が簡単すぎて涙がでそう。一般的なアプリならここで終わるので特に問題はない。問題となるのは異なるドロップ領域がレイヤーとして重なっている場合。 こちらの想定としては、オレンジ色の部分にドロップしたらオレンジへのドロップ、青い部分にドロップしたら青い部分へのドロップとしたいし、それが普通だと思うんだけど、jQuery.ui.droppable は内部的に複数レイヤーが
![jQuery droppable の複数要素が重なった場合の問題 - COBALT](https://cdn-ak-scissors.b.st-hatena.com/image/square/b99e0c104efc9ae0461396e4975fb31304b0ef71/height=288;version=1;width=512/http%3A%2F%2Flh5.ggpht.com%2F_FiUQCK8jmZQ%2FS7ZUbcp1liI%2FAAAAAAAAJO8%2FFDXN9KwbSKw%2Fdroppable_area.png)