jquery可调整大小，拖动完成后获取重叠元素
我有一张时间段表（日历的日视图），上午 8 点至下午 5 点，每小时一行。我有一些事件叠加在特定事件的时间段之上。该事件基本上是在表格顶部绝对定位的 div。我能够正确定位事件 div 并调整其大小，以便下午 1 点至下午 3 点的事件足够高，可以从下午 1 点时段跨越到下午 3 点时段。
我的问题是我想让这个事件 div 可调整大小。所以我使用 jquery 代码：
$('.event').resizable(
{
'handles': 'n,s'
});
我需要做的是找出拖动缩放器时事件覆盖的时间段。因此，如果我将事件 div 的顶部从下午 1 点插槽拖动到上午 9 点插槽，则当用户停止拖动缩放器时，我需要能够获取上午 9 点插槽元素。如何确定事件大小调整到哪个时间段行？
I have a table of time slots (a day view of a calendar) 8am - 5pm, one row per hour. I have some events overlayed on top of the timeslot for the particular event. The event is basically an absolutely positioned div on top of the table. I am able to position the event div and size it properly so that an event from 1pm - 3pm is tall enough to span from the 1pm slot to 3pm slot.
My problem is that I want to make this event div resizeable. So I use the jquery code:
$('.event').resizable(
{
'handles': 'n,s'
});
What I need to do is figure out what time slot the event is covering when the resizer is dragged. So, if I drag the top of the event div to from the 1pm slot to the 9am slot, I need to be able to get the 9am slot element when the user stops dragging the resizer. How can I determine what timeslot row the event is resized to?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您的槽位高度固定，您可以使用事件的位置和高度来确定事件跨越哪些槽位。像这样的东西：
http://jsfiddle.net/2YBxP/1/
If your slots are a fixed height, you can use the position and height of the event to determine which slots the event spans. Something like this:
http://jsfiddle.net/2YBxP/1/