我有多个并排的可排序列表。您可以调整div的宽度以覆盖其他列表。这使得一个项目可以成为多个列表的一部分。
我希望在不重叠的情况下完成此操作。
请参见http://jsfiddle.net/2J6af/上的演示。
编辑:如果您扩展可排序项的宽度,然后将其移动并放置。您会发现它会与其他可排序项重叠。我希望所有可排序项都排列在一起,没有重叠。
编辑:正如@KateA建议的那样,我已经再次查看了处理重叠的jQuery可排序列表,尽管它相似,但它讨论的是列表重叠而不是可排序项覆盖多个列表。
我希望在不重叠的情况下完成此操作。
请参见http://jsfiddle.net/2J6af/上的演示。
编辑:如果您扩展可排序项的宽度,然后将其移动并放置。您会发现它会与其他可排序项重叠。我希望所有可排序项都排列在一起,没有重叠。
编辑:正如@KateA建议的那样,我已经再次查看了处理重叠的jQuery可排序列表,尽管它相似,但它讨论的是列表重叠而不是可排序项覆盖多个列表。
编辑:在最终产品中,将会有7个列表并排,并且用户放置一个项目后,我需要按特定顺序重新排列可排序的项目。我知道你可以向sort:事件添加一个函数,也许这是重新排列和检查/纠正任何重叠的可排序项目的关键函数?
编辑:我还注意到,可排序项目在拖动时的行为会因为您使用左侧或右侧手柄进行调整大小而异。它会混淆您悬停的列表。例如,如果您使用左侧手柄进行调整大小,并将其拾起并尝试将其放置在中间或右侧列表上,它将放置在鼠标指针左侧的下一个列表而不是在鼠标指针下方显示空占位符的位置。
编辑:jquery fullCalendar正是我所需要的,但他们是如何做到的? http://arshaw.com/fullcalendar/
编辑:我一直在扩展fiddle,以尽我所知的可排序的知识,您认为我走在正确的轨道上吗? http://jsfiddle.net/2J6af/17/
resizable
事件,找出元素现在跨越了多少个列表,然后在元素跨越的每个列表中相同位置(相同索引)放置占位符元素。 - mikeycgto