jQuery UI：我的调整大小功能工作不正常

问题描述：

我想知道我的大小调整功能不能正常工作，因为我认为这意味着问题是当我调整div的大小（增加填充），并离开它，当我再次尝试调整它的填充缩小。jQuery UI：我的调整大小功能工作不正常

注：我增加填充不是高度。

$(function() { 
    $("#resizable").resizable({ 
     resize: function(event, ui) { 
     var originalHeight = ui.originalSize.height; 
     var newHeight = ui.size.height; 
     var pad = 5; 
     if (originalHeight < newHeight) { 
      pad = newHeight - originalHeight; 
     } 
     $(this).css({'padding': pad, 'height': 200, 'width': 400}); 
     } 
    }); 
});

My fiddle link

看看，如果这个工程大概是接近你想要什么：https://jsfiddle.net/6rh7emog/4/ –

@JunaidAhmad我很抱歉它没有工作。在第二次调整大小时，立即减少填充。问题是一样的。 – user7791702

我认为问题来自改变填充。我看到它的方式，ui.originalSize.height得到的高度属性，在你的情况下，无论填充都保持200。 – Botimoo

答

呀@Botimoo似乎是正确的。你可能应该考虑使用除了填充以外的东西来定位。但这样的事情，如果你想坚持的填充

https://jsfiddle.net/6rh7emog/5/

<div id="resizable" class="ui-widget-content"> 
    <div id="wrapper"> 
    <h3 class="ui-widget-header">Resizable</h3> 
    </div>

$(function() { 
    $("#resizable").resizable({ 
     aspectRatio: true, 
     resize: function(event, ui) { 
     var originalHeight = ui.originalSize.height; 
     var newHeight = ui.size.height; 
     $('#wrapper').css({ 
       'padding': newHeight - 200 
     }); 
     } 
    }); 
});

还有一件事我该如何检测div的哪一侧已经增加或减少（意味着div已经从北侧或南侧调整大小，我怎么能检测到这个） – user7791702

你的例子中的问题是填充静止0px 。 – user7791702

你看过小提琴吗？从视觉角度来看，填充与您的小提琴相同，区别在于我将其应用于包装而不是可调整大小的元素，因此当您再次调整大小时，大小不会恢复为原始大小。对于北/南侧我认为唯一可调整大小的部分是div的右侧和底侧。不确定你在这里的含义 - 如果你想得到答案，你应该打开另一个问题。 – noveyak

jQuery UI：我的调整大小功能工作不正常

相关推荐