可拖动元素通过前面的可放置DIV落入另一个可放置元素

Question

我使用jquery来实现拖动和放大放入我的小应用程序。 线框看起来像这样：

现在当我将一个元素（<div>）拖到一个小的，固定的<div id="zbox">时，可拖动的元素会在背景中出现class="day"的droppable元素。

这是前面的

中的zbox代码

$("#zbox").droppable({
    greedy: true,
    activeClass: "ui-state-hover",
    hoverClass: "ui-state-active",
    drop: function( event, ui ) {
        //DO SOMETHING  
    }
});