jquery-ui - jQuery UI 可调整大小在调整大小事件中停止调整大小

Question

使用 jQuery UI 可调整大小 我试图防止根据各种规则调整大小。内置的包含功能似乎无法与绝对定位的元素一起正常工作，无论如何我都需要比这更灵活的东西。

有这样的东西:

$( ".selector" ).resizable({ resize : function(event, ui) { /* ??? */ } });

如何告诉“ui”对象防止调整大小？

谢谢。

Answer 1

这非常简单，看一下这段代码，可调整大小的 float “左”div 列，其宽度固定并相互限制。

var maxWidthOffset, total2Width;
        $('#'+this.id).find('ul:not(:last)').resizable({
            handles: 'e',
            ghost: true,
            delay: 200,
            helper: "overmoused",
            minWidth: 20,
            start: function(e, ui) {
                maxWidthOffset = ui.element.next().width()-20;
                total2Width = ui.element.width()+maxWidthOffset+20;
            },
            resize: function(e, ui) {
                if (ui.size.width > (ui.originalSize.width + maxWidthOffset)) {
                    $(this).resizable('widget').trigger('mouseup');
                }
            },
            stop: function(e, ui) {
                var w;
                if (ui.originalSize.width > ui.size.width) {
                    w = ui.element.next().width()+ui.originalSize.width - ui.size.width;
                    ui.element.next().width(w>20 ? w : 20);
                } else {
                    w = ui.element.next().width()-(ui.size.width - ui.originalSize.width);
                    ui.element.next().width(w>20 ? w : 20);
                }
                ui.element.width(total2Width-ui.element.next().width());
            }
        });