【问题标题】:jquery resizable, get overlapped element when done draggingjquery可调整大小,完成拖动时获取重叠元素
【发布时间】:2011-05-26 02:21:17
【问题描述】:

我有一个时间段表(日历的日视图),早上 8 点到下午 5 点,每小时一行。我在特定事件的时间段顶部覆盖了一些事件。该事件基本上是一个绝对定位在表格顶部的 div。我能够正确定位事件 div 并调整其大小,以便下午 1 点到 3 点的事件足够高,可以从下午 1 点到下午 3 点。

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

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

我需要做的是确定拖动调整大小时事件覆盖的时间段。因此,如果我将事件 div 的顶部从下午 1 点槽拖到上午 9 点槽,我需要能够在用户停止拖动调整大小时获得上午 9 点槽元素。如何确定事件调整到哪个时间段行?

【问题讨论】:

  • 如果我能突出显示可调整大小的时间段同时调整大小,那就太好了。但是 mouseover/mouseout 事件被事件 div 阻止了。

标签: javascript jquery resizable


【解决方案1】:

如果您的插槽是固定高度,您可以使用事件的位置和高度来确定事件跨越哪些插槽。像这样的:

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

【讨论】:

  • 是的,我考虑过,但是插槽是可变大小的,所以解决方案不会那么简单。
猜你喜欢
  • 1970-01-01
  • 2020-06-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-12-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多