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