我正在使用 jQuery UI 创建一个日程管理器小部件，它允许用户调整给定日期的时间段元素的大小和排序。每个时隙都有一个由其高度表示的持续时间，以及一个根据其在堆栈中的顺序及其持续时间计算的开始/结束时间。时间表中的“间隙”由占位符元素表示，它们的高度等于间隙持续时间。
现在，用户可以通过调整时隙的大小来修改时隙的持续时间（如果有的话，它会反向调整相邻占位符的大小），或者他们可以通过相对于其他时隙/占位符对其进行排序来更改其开始/结束时间。
我还想让每个时隙元素可拖动，以便用户可以手动将元素定位在日期列中，此时将计算其正确的开始/结束时间以及任何其他必要的更改（例如添加新的占位符或拼接现有的时隙）
然而，当我尝试将这两个小部件组合在一起时，我遇到了一些奇怪的 UI 错误和不一致的行为。请参阅以下小提琴以获取粗略示例...
谁能告诉我我是否以正确/错误的方式进行此操作，或者这是否可能？
谢谢！