反向jquery调整大小移位功能

Question

使用jquery resize插件调整div的大小时，如果按住shift键，则保持宽高比。

那么{aspectRatio：true}可以选项列表，如果我按住shift键来禁用宽高比吗？

感谢。

Answer 1

我通过修改小部件来管理：

替换

if (this._aspectRatio || b.shiftKey)

与

if (this._aspectRatio && !b.shiftKey)

Answer 2

您可以在不触及源文件的情况下对jquery可调整大小的代码进行修补，因此您仍然可以使用其CDN。

var mouseDrag = $.ui.resizable.prototype._mouseDrag;
$.ui.resizable.prototype._mouseDrag = function (event) {
    event.shiftKey = !event.shiftKey;
    var aspectRatio = this._aspectRatio;
    this._aspectRatio = aspectRatio && event.shiftKey;
    mouseDrag.apply(this, arguments);
    this._aspectRatio = aspectRatio;
};