jQuery的可调整大小，完成拖动时获得重叠元素

Question

我有一个时间表（日历的日视图）上午8点 - 下午5点，每小时一行。我在特定事件的时间段上覆盖了一些事件。该事件基本上是桌子上绝对定位的div。我能够定位事件分区并确定其大小，以便从下午1点到3点的事件足够高，从1点插槽到下午3点插槽。

我的问题是，我想让这个事件div可调整大小。所以我使用jQuery代码：

$('.event').resizable(
{ 
    'handles': 'n,s' 
}); 

我需要做的是找出当拖动大小调整器时事件覆盖的时间段。所以，如果我将事件div的顶部从1pm插槽拖到9am插槽，那么当用户停止拖动调整器时，我需要能够获得9am插槽元素。我如何确定事件调整大小的时间段？

Answer 1

如果您的插槽为固定高度，则可以使用事件的位置和高度来确定事件跨越哪些插槽。事情是这样的：

http://jsfiddle.net/2YBxP/1/