Utilizzare jQuery per selezionare, quindi utilizzare YUI per animare? Buona idea?

Question

motore di animazione di jQuery non funziona bene per me. Non ha facilitando e l'animazione di colore built-in, ed i plugin sto usando per loro non funzionano correttamente insieme coerente.

ho avuto una buona esperienza con motore di animazione di YUI in passato. E 'possibile utilizzare jQuery per selezionare le voci, e quindi utilizzare YUI animare loro? Ecco il mio attuale codice jQuery animato per animare un div quando si fa clic:

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

Come potrei fare per convertire le animazioni in questa funzione per YUI3?

(Questo è anche una buona idea? Devo solo convertire tutto per YUI3, selettori e tutti? Inoltre, se questo si presenta come una domanda stupida, mi perdoni, io sono un noob)

Answer 1

Se si sta animando un singolo elemento, si può fare qualcosa di simile:

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();
    });
});

Per quanto ne so, YUI non supporta l'animazione più elementi fuori dalla scatola, anche se si potrebbe attuarlo utilizzando gli eventi tween.

ho il sospetto si sta meglio utilizzando jQuery UI , però. Esso fornisce l'animazione a colori e allentamento avanzate.

Answer 2

Una parte del beneficio di queste librerie javascript è che si ottiene una tonnellata di funzionalità in una piccola quantità di codice. Includendo sia jQuery e YUI, si sta rapidamente aumentando la dimensione delle pagine.

Se l'unica cosa che si sta utilizzando jQuery per è quello di selezionare elementi del DOM, quindi sicuramente convertire in YUI in quanto ha molti degli stessi metodi di selezione. Se si utilizzano diversi pezzi sia di jQuery e YUI, poi mescolare loro può essere qualcosa che si deve convivere per ora.