Используйте jQuery для выбора, затем используйте YUI для анимации? Отличная идея?

Question

движок анимации jQuery не работает для меня.Он не имеет встроенной анимации и цветовой анимации, и плагины, которые я использую для них, не работают должным образом вместе.

В прошлом у меня был хороший опыт работы с движком анимации YUI.Можно ли использовать jQuery для выбора элементов, а затем использовать YUI для их анимации?Вот мой текущий анимированный код jQuery для анимации div, когда вы щелкаете по нему:

$("div.article").mousedown(function() {
    $(this).children(".box").animate({height:'+=100px', paddingTop: '24px'},300);   
    $(this).children(".box").children(".subBoxA").show().animate({opacity: "1"}, 500);  
});

Как бы я мог конвертировать анимации в этой функции в YUI3?

(Это даже хорошая идея? Должен ли я просто конвертировать все в YUI3, селекторы и все? Кроме того, если это кажется глупым вопросом, извините, януб)

Answer 1

Преимущество этих библиотек javascript в том, что вы получаете тонну функциональности за меньшее количество кода.Включая как JQuery, так и YUI, вы быстро увеличиваете размер своих страниц.

Если единственное, для чего вы используете jquery - это выбор элементов в DOM, то определенно конвертируйте в YUI, так как в нем многоодинаковые методы выбора.Если вы используете несколько частей как jquery, так и YUI, то смешивание их может быть чем-то, с чем вам придется жить на данный момент.

Answer 2

Если вы анимируете один элемент, вы можете сделать что-то вроде этого:

YUI.use("anim", function (Y) {
    $("div.article").mousedown(function () {
        var el = $(this).children(".box")[0],
            anim;
        anim = new Y.Anim({
            node: el,
            /* animation configuration */
        });
        anim.run();
    });
});

AFAIK, YUI не поддерживает анимацию нескольких элементов "из коробки", хотя вы можете реализовать это с помощью событий анимации.

Я подозреваю, что вам лучше использовать jQuery UI , однако. Он обеспечивает цветную анимацию и расширенное смягчение.