jQueryUI Ressize able 在选项更改时没有响应

jQueryUI Resizable doesn't respond on option change

本文关键字：响应 Ressize able 选项 jQueryUI      更新时间：2023-09-26

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

所以如果我初始化元素：

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

然后尝试添加选项：

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

什么也没发生。通过逐个选项检查，我发现其中一些有效，有些则无效......问题出在哪里？当然，"纵横比"不起作用，而"幽灵"有效。

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

这

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

因此，按照建议，您可以覆盖原型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/

Jquery UI 中存在一个错误。特别是，那个已经快5（五!!）岁了，在jquery ui论坛上被多次报道。这是门票：http://bugs.jqueryui.com/ticket/4186

当前的解决方法是这样的：

(function() {
    var oldSetOption = $.ui.resizable.prototype._setOption;
    $.ui.resizable.prototype._setOption = function(key, value) {
        oldSetOption.apply(this, arguments);
        if (key === "aspectRatio") {
            this._aspectRatio = !!value;
        }
    };
})();
相关文章：