0

jQuery のアニメーション エンジンがうまく動作しません。イージングとカラー アニメーションが組み込まれておらず、それらに使用しているプラ​​グインが一貫して適切に連携しません。

私は過去に YUI のアニメーション エンジンで良い経験をしました。jQuery を使用してアイテムを選択し、YUI を使用してそれらをアニメーション化することはできますか? クリックするとdivをアニメーション化する現在のjQueryアニメーションコードは次のとおりです。

$("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、セレクター、およびすべてに変換する必要がありますか? また、これがばかげた質問として出くわしたら、許してください、私は初心者です)

4

2 に答える 2

1

これらの JavaScript ライブラリの利点の 1 つは、少ないコードで多くの機能を利用できることです。JQuery と YUI の両方を組み込むことで、ページのサイズが急速に増加します。

jquery を DOM 内の要素を選択するためだけに使用している場合は、同じ選択方法が多数あるため、必ず YUI に変換してください。jquery と YUI の両方をいくつか使用している場合、それらを混在させることは、当面は我慢しなければならないことかもしれません。

于 2010-07-03T11:24:41.303 に答える
0

単一の要素をアニメーション化する場合は、次のように実行できます。

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

ちなみに、YUIは、トゥイーンイベントを使用して実装することはできますが、箱から出して複数の要素をアニメーション化することはサポートしていません。

ただし、 jQueryUIを使用した方がよいと思います。カラーアニメーションと高度なイージングを提供します。

于 2010-07-06T16:40:29.517 に答える