Анимированные переходы для сортировки в jQuery UI - PullRequest
Новая
       9

Анимированные переходы для сортировки в jQuery UI

4 голосов
/ 06 июня 2010

Просто из любопытства, поскольку я нигде не смог ничего найти; Кто-нибудь знает, как заставить сортируемую функцию jQuery UI анимировать ее сортировку?

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

Очевидно, что для этого нет варианта по умолчанию, но я надеялся, что, возможно, у кого-то где-то есть изящное решение.

1 Ответ

1 голос
/ 07 июня 2010

К сожалению, в данный момент это невозможно, поскольку сортируемый код просто обновляет положение элементов. Хотя это относится к this.options.custom, что, возможно, позволяет настраивать анимацию; хотя тогда это полностью недокументировано / не поддерживается: 

if(this.options.custom && this.options.custom.refreshContainers) {
    this.options.custom.refreshContainers.call(this);
} else {
    for (var i = this.containers.length - 1; i >= 0; i--){
        var p = this.containers[i].element.offset();
        this.containers[i].containerCache.left = p.left;
        this.containers[i].containerCache.top = p.top;
        this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
        this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
    };
}

К сожалению, я не могу помочь вам намного больше; Я не слишком много рассказывал о сортируемом коде, поэтому приведенный выше фрагмент кода может вводить в заблуждение.

...