jQuery UI奇怪的調整大小行為

Question

我有一個div，可使用jQuery UI從左（w）和右（e）調整大小。 在右邊調整大小可以完美地工作，但是在左邊調整兩個東西的行為是不同的：

1. 我無法將元素的大小調整為0寬度
2. 調整大小開始時會跳轉

我做了這個小提琴

$("#test").resizable({
    handles: 'e,w',
    grid: 32,
    maxWidth: null,
    minWidth: 0
});

為什么會這樣？

謝謝

需要Edit Grid 32，但是您是對的，沒有它就可以工作。

Answer 1

刪除網格：32。這會導致您面臨問題。

Answer 2

我找到了解決方案。

我在調整大小start覆蓋了jQuery UI的$.ui.plugin.add("resizable", "grid") 。 我認為這不是最好的解決方案，但它可行。

在這里，您可以看到我在上一個if-else所做的更改：

舊：

if ( newWidth - gridX > 0 ) {
    that.size.width = newWidth;
    that.position.left = op.left - ox;
} else {
    that.size.width = gridX;
    that.position.left = op.left + os.width - gridX;
}

定制：

if ( newWidth - gridX >= 0 ) {
    that.size.width = newWidth;
    that.position.left = op.left - ox;
} else {
    that.size.width = o.minWidth;
    that.position.left = op.left + os.width - gridX;
}