动态更改minWidth和minHeight

时间:2011-08-23 07:09:15

标签: jquery jquery-ui jquery-resizable

我正在使用jquery-resizable我遇到了一个问题,我不知道在绑定一个元素进行大小调整时的最小宽度和高度,但是当我开始调整大小时我知道它的边界

所以我想做一些事情并编辑resizable的minWidthminHeight属性而不改变jquery.ui.resizable.js我可以从函数的start方法执行此操作,如果是,那么如何做到了吗?

$("#mainDiv").resizable({
        handles: 's, e',
        maxWidth : 10000,
        maxHeight : 10000,
        start: function(event, ui) {
        wall.min = null;
        wall.max = null;
        wall.minEle = null;
        wall.maxEle = null;
        lastShift = 0;
        var haschildren = ($("#mainDiv").children().size() > 0);
        if(haschildren){
            if(ui.handle == "e"){// check first s or e
                setMinMax(document.getElementById("mainDiv"), true, true);
                addEffected(document.getElementById("mainDiv"), true);
                checkInnerElementWidth(document.getElementById("mainDiv"), true);
            }
            else{
                setMinMax(document.getElementById("mainDiv"), false, true);
                addEffected(document.getElementById("mainDiv"), true);
                checkInnerElementHieght(document.getElementById("mainDiv"), true);
            }
        }
    }
});

在开始结束时,我有我的边界条件

编辑: 我也想要一个自动滚动的解决方案,它没有提供可调整大小,页面大小正在增加,但在某种程度上我只想让它继续滚动,直到用户调整元素大小

1 个答案:

答案 0 :(得分:1)

老实说,我不明白你为什么要改变尺寸。如果它是一个ajax事件或其他东西,父母应该自动更新它的宽度和高度,只要它们在最小和最大高度的边界内。

关于你想要达到的目标的一些特殊性会很好。