我已经创建了一个网格系统布局,该布局创建了.zone-cols
以便可排序的小部件放入其中。我创建了一个碰撞检测函数,并在start
的{{1}}和resize
函数中调用它。
在调整大小后,如果可调整大小的窗口小部件的一侧碰到同级窗口小部件的一侧,我从jQuery UI的可调整大小的交互中调用ui.item.resizable()
或maxWidth
选项。
问题在于,一旦发生碰撞,用户必须停止调整大小,才能继续在另一轴上调整大小。不仅如此,它还使maxHeight
语句中的某些条件过时了,在该条件下,小部件将不再检测到碰撞并将与同级小部件重叠。
在if
检测功能内的else
语句中,我尝试过:
-将collision()
或maxHeight
可调整大小的选项设置为“ null”。
-使maxWidth
或maxHeight
可调整大小的选项为“ zoneHeight”或“ zoneWidth”。
-使用CSS更改最大高度或最大宽度。
例如:
maxWidth
例如,如果我的布局是这样,可调整大小的小部件位于最左侧...
...,然后将其调整为最右边的小部件大小,碰撞是正确的,然后不停止调整大小即可将其重新调整为原始位置,碰撞应该为假,并且我应该能够沿y轴调整大小。但是,我不能,如果要缩小y轴的大小,必须停止调整大小。