javascript - jQueryUI 可调整大小不响应选项更改

Question

我使用 jQuery UI 可调整大小模块，当我在初始化后尝试传递选项时，它看起来没有反应。

所以如果我初始化元素:

$('.blabla').resizable();

然后尝试添加选项:

$('.blabla').resizable("option","aspectRatio",true);

什么也没发生。通过逐个检查选项，我发现其中一些可以工作，有些则不能......有什么问题？当然，“aspectRatio”不起作用，而“ghost”起作用。

这是简单的jsfiddle: http://jsfiddle.net/k8gY8/1/

Answer 1

这似乎是一个已知问题:http://bugs.jqueryui.com/ticket/4186

因此，按照建议，您可以覆盖原型(prototype) mouseStart 事件:

$(function () {
    $.extend($.ui.resizable.prototype, (function (orig) {
        return {
            _mouseStart: function (event) {
                this._aspectRatio = !! (this.options.aspectRatio);
                return (orig.call(this, event));
            }
        };
    })($.ui.resizable.prototype["_mouseStart"]));
});

在你的代码顶部， il 就会起作用。

演示:http://jsfiddle.net/ajYgM/