javascript - jquery可调整大小,拖动完成后获取重叠元素

标签 javascript jquery resizable

我有一张时间段表(日历的日 View ),上午 8 点至下午 5 点,每小时一行。我有一些事件叠加在特定事件的时间段之上。该事件基本上是在表格顶部绝对定位的 div。我能够正确定位事件 div 并调整其大小,以便下午 1 点到下午 3 点的事件足够高,可以从下午 1 点时段跨越到下午 3 点时段。

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

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

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

最佳答案

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

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

关于javascript - jquery可调整大小,拖动完成后获取重叠元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6133059/

相关文章:

jquery - jquery ui可调整大小的奇怪错误

java - 不可扩展的窗口

javascript - 在数组/范围 javascript 中查找所有缺失的元素

javascript - 导入 React 组件时 Webpack 模块构建失败

javascript - 在 jQuery 中,有没有办法只绑定(bind)一次点击?

jquery - 有什么方法可以使 div 在高度变化时垂直居中?

javascript - 单击时可调整大小的侧边导航展开

javascript - 如何显示对话?

javascript - 在 Bootstrap 3 中,如何将下拉列表中的列表项设置为一级菜单项,并且仅在 xs 屏幕尺寸上设置?

javascript - 防止在剑道网格中编辑一行?