如何在可调整大小的jQuery中增加填充而不是高度？

Question

我只想在调整大小时更改填充。我该怎么做？我正在使用jquery用户界面resizable。

我尝试了以下这些代码，但这不是我想要的。最初的padding-bottom是30，但是当我调整大小时，它会变成0并开始增加。当我第二次调整大小时，它变为0并开始。

$('.selected-table [data-resizable-padding-bottom]').resizable({
          minHeight: 0,
          grid: 5,
          handles: 's',
          resize: function( event, ui ) {
        var originalHeight = ui.originalSize.height;
        var pad = jQuery(ui.element).css('padding-bottom');
        pad = pad.replace('px','');
        pad = parseInt(pad);
        if (originalHeight < newHeight) {
          pad = newHeight - originalHeight;
        }
        ui.element.css({
            'height': 'initial',
            'padding-bottom': pad+'px'
        });
      }

我希望填充从初始开始并增加，并且应该也可以减少。