一旦没有冲突,是否继续调整小部件的大小?

时间:2019-05-23 19:28:25

标签: jquery jquery-ui jquery-ui-sortable jquery-ui-resizable

我已经创建了一个网格系统布局,该布局创建了.zone-cols以便可排序的小部件放入其中。我创建了一个碰撞检测函数,并在start的{​​{1}}和resize函数中调用它。

在调整大小后,如果可调整大小的窗口小部件的一侧碰到同级窗口小部件的一侧,我从jQuery UI的可调整大小的交互中调用ui.item.resizable()maxWidth选项。

问题在于,一旦发生碰撞,用户必须停止调整大小,才能继续在另一轴上调整大小。不仅如此,它还使maxHeight语句中的某些条件过时了,在该条件下,小部件将不再检测到碰撞并将与同级小部件重叠。

if检测功能内的else语句中,我尝试过: -将collision()maxHeight可调整大小的选项设置为“ null”。 -使maxWidthmaxHeight可调整大小的选项为“ zoneHeight”或“ zoneWidth”。 -使用CSS更改最大高度或最大宽度。

例如:

maxWidth

例如,如果我的布局是这样,可调整大小的小部件位于最左侧...

Imgur

...,然后将其调整为最右边的小部件大小,碰撞是正确的,然后不停止调整大小即可将其重新调整为原始位置,碰撞应该为假,并且我应该能够沿y轴调整大小。但是,我不能,如果要缩小y轴的大小,必须停止调整大小。

这是我的代码笔:https://codepen.io/Souleste/pen/XwVzoQ

0 个答案:

没有答案