Utilisez jQuery pour sélectionner, puis utilisez YUI Animer? Bonne idée?

Question

Le moteur d'animation de jQuery ne fonctionne pas bien pour moi. Il n'a pas l'assouplissement et intégré dans l'animation des couleurs, et les plugins que je me sers pour eux ne fonctionnent pas correctement ensemble de manière cohérente.

J'ai eu une bonne expérience avec le moteur d'animation de YUI dans le passé. Est-il possible d'utiliser jQuery pour sélectionner des éléments, puis utiliser YUI pour les animer? Voici mon code actuel d'animation jQuery pour animer un div lorsque vous cliquez dessus:

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

Comment pourrais-je aller sur la conversion des animations dans cette fonction à YUI3?

(Est-ce même une bonne idée? Devrais-je convertir tout pour YUI3, sélecteurs et tout? De plus, si cela apparaît comme une question stupide, pardonnez-moi, je suis un noob)

Answer 1

Si vous animez un seul élément, vous pouvez faire quelque chose comme ceci:

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 ne prend pas en charge l'animation de plusieurs éléments de la boîte, mais vous pouvez le mettre en œuvre en utilisant les événements entrepont.

Je suppose que vous feriez mieux d'utiliser jQuery UI , cependant. Il fournit l'animation couleur et l'assouplissement de pointe.

Answer 2

Une partie du bénéfice de ces bibliothèques javascript est que vous obtenez une tonne de fonctionnalités dans une plus petite quantité de code. En incluant les deux JQuery et YUI, vous augmentez rapidement la taille de vos pages.

Si la seule chose que vous utilisez pour jquery est de sélectionner des éléments dans les DOM, puis définitivement convertir en YUI comme il a beaucoup des mêmes méthodes de sélection. Si vous utilisez plusieurs pièces à la fois jquery et YUI, puis le mélange peut être quelque chose que vous devez vivre avec pour le moment.