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/