Я хочу изменить отступ только при изменении размера. Как мне это сделать? Я использую jquery UI 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'
});
}
Я ожидаю выходной сигнал, где заполнение начинается с начального и увеличивается и должно также уменьшаться.