tak фактическое смещение элемента, который изменял размеры

Question

Проблема в том, что мне нужно фактическое смещение от моего элемента, размер которого был изменен.Это означает, что всякий раз, когда я изменяю размер своего элемента (это простая цветная полоса и может быть изменен размер), и мне нужно читать, Это левое смещение сразу после того, как изменение размера закончено.

Когда я использую событие остановки из jquery-ui Предыдущая позицияпоказано.

$('.shop-' + shopID).resizable({
            stop: function (event, ui) {

                var leftMargin = $('.hour-6').offset().left+20;
                var currentPosition = $('.shop-1').offset().left; //when I print this previous offset is shown.
            },
            grid: grid,
            animate: true,
            handles: 'e, w'
        });
    });

Вот фрагмент скрипта

Пример начальной позиции - 50 пикселей, когда я переместил ее влево на 20 пикселей (то есть теперь на 30 пикселей), печатается 50 пикселей.Когда я снова переместил его на 20 пикселей влево (сейчас 10 пикселей), будет напечатано 30 пикселей.Так что это не фактическое смещение / возможность.

Я тоже пытался использовать возможность, это работает точно так же.Даже опция «изменить размер» показывает предыдущее смещение / возможность.

Answer 1

Мне нужно изменить две вещи: 1) мне нужно вызвать опцию интерфейса пользователя 2) установить время ожидания

            setTimeout(function () {
                leftOffset = ui.position.left;
                rightOffset = leftOffset + ui.size.width;
                if (leftOffset < leftMargin) {
                    console.log('przekroczono');
                    //$('.shop-' + shopID).width(60);
                    console.log($('.shop-' + shopID).css('left', leftMargin +'px'));
                }

            }, 500);