В jQuery UI 1.9 или выше, как подавить восстановление после эффекта размера?

Question

В jQuery UI 1.9 или выше, как подавить восстановление после эффекта размера?

0

Кажется, что jQuery UI 1.9 или выше восстанавливает первоначальный размер после эффекта размера. Мой пример кода здесь:

$(function () {
    $('.circle').click(function () {
        $(this).effect("size",
            { to: {width: 50,height: 50}, origin: ['bottom', 'right'] },
            1000, function () {
                $(this).css({'background': 'blue' });
        });
    });
});

В принципе, если я выберу jQuery UI 1.8.18 (под jQuery 1.7.2), тогда форма уменьшится до нужного размера и останется там. Но позже пользовательский интерфейс jQuery восстановит форму.

Я также заметил, что опции "origin" не вступили в силу для более высокого пользовательского интерфейса jQuery. Например, я использовал

origin: ['bottom', 'right']

Что не повлияло на jQuery UI 1.9 или более поздние версии.

Итак, как подавить "восстановление" и сделать "происхождение" эффективным в jQuery UI 1.8 или новее?

marsant 24 сен. 2013, в 20:43

Источник

Теги:

jquery

css

jquery-ui

1 ответ

Ещё вопросы

Eugen Halca · Accepted Answer · 2013-09-24T16-06-00.000Z

выполненная новая функция, что будет делать то, что вам нужна скрипка

я изменил с effect на animate, а modifiyng css top + left, чтобы получить исходную функциональность, обратите внимание, что по умолчанию он переходит в верхний левый. ех.

origin => ['bottom'] же, как ['bottom','left']

origin => ['right'] то же, что и ['top','right'] т.д.

function size(object,to, origin, duration, callback){
    var leftResult = '+=0';
    var topResult = '+=0';
    if (origin != null && origin.length != 0){
        if ($.inArray('right', origin) >= 0){
            leftResult= '+='+to.width;
        }
        if ($.inArray('bottom', origin) >= 0){
            topResult= '+='+to.height;
        }
    }
    $(object).animate({
        height: to.height,
        width: to.width,
        left: leftResult,
        top: topResult
  }, duration, function() {
    if (typeof callback == "function") callback($(object));
  });
}

просто добавьте подтверждение в аргументы или измените обратный вызов по мере необходимости.

Пожалуйста, не просто дамп код в ответ. Почему это решает проблему?
Это способ, которым я пытался. Интересно, есть ли возможность сделать эту работу? Кроме того, как насчет происхождения?
Как насчет моего комментария выше?
Слевин, твой комментарий действителен, и я думаю вместо него использовать анимацию. Но мне нравится использовать что-то уже существующее, например, эффект размера старого jQuery UI. Но все еще не понимаю, почему существует такая большая разница в действии.
я обновил ответ, не стесняйтесь задавать вопросы
Причинный effect не соответствует вашим потребностям (или, скорее, он предназначен для другой цели), но animate :) А animate уже есть, потому что вы используете jQuery.
Правильно, ему просто нужна была функция происхождения, и я добавил ее.
Спасибо, Евгений! Думаю, мне все еще интересно, есть ли официальное уведомление об этом изменении