Question

使用jquery＆＃39;可调整大小＆＃39;我想调整div的大小。这个.outerDiv还有一个.innerDiv。

我想要实现的是：当用户调整外部div的大小时，我想计算内部div的高度（我不能给内部div提供100％的高度）。

我能够像这样获得新的高度：

resize: function( event, ui ) {
            var currentHeight =  $('.table-container').height();
            $('.table-container').height(currentHeight+1);
             }

但是当我将div重新调整为更小的尺寸时，我希望

resize: function( event, ui ) {
            var currentHeight =  $('.table-container').height();
            $('.table-container').height(currentHeight-1);
             }

我不确定，我怎么能得到那个条件，如果向上调整大小，尺寸应该更小（高度应该是-1），如果向下，尺寸应该更大（高度应该是+ 1）

任何人都可以提供一些线索，如何去做..

Answer 1

我相信下面的功能可以解决您的问题。注意信号量和问号运算符：

function handleResizeSignum(context) {
    var previousHeight;
    var green = true;
    function refreshPreviousHeight(h) {
        previousHeight = h;
    }
    context.resize(function() {
        if (!green) return;
        green = false;
        refreshPreviousHeight($(this).height($(this).height() + ($(this).height() >= previousHeight) ? 1 : -1).height());
        green = true;
    });
}

Answer 2

这个解决方案帮助了我：

$('.modal-content-objectProperty').resizable({
    minHeight: 385,
    minWidth: 600,
    maxHeight: 600,
    maxWidth: 1050,
    alsoResize:".modal-content-objectProperty .react-bs-table-container, .modal-content-objectProperty .table-container",
    resize: function( event, ui ) {$('.modal-content-objectProperty').height('auto');}
});

jquery resizable - 有没有机会得到div是否调整大小或大于当前大小

2 个答案: