javascript - YUI 和 jQuery : how to handle click events togheter

Question

这是我的代码，摘自 YUi 示例

YUI().use('anim', function(Y) {
    var anim = new Y.Anim({
        node: '#demo',
        duration: 0.5,
        easing: Y.Easing.elasticOut
    });

    var onClick = function(e) {
        anim.set('to', { xy: [e.pageX, e.pageY] });
        anim.run();
    };

    Y.one('#demo-stage').on('click', onClick);
});

问题是我已经在 jQuery 中构建了类似的函数

$("#demo-stage").bind('click',function(){
        // do something...
});

那么如何将它们合并在一起呢？我可以从 jquery 调用绑定(bind)动画吗？如何？ Y.动画？我还注意到，如果我使用

 Y.one('.multiples-demo-stage').on('click', onClick);

它仅在第一次出现 multiples-demo-stage div 时应用点击方法

为什么？

Answer 1

好吧，同时使用这两个库会导致大量代码在线传输。如果可以的话，你应该避免它。事实上，我确信您可以很容易地从一个库切换到另一个库，只需查看 JS Rosetta Stone .

关于您的具体问题，要在多个节点上收听点击事件，您需要使用 Y.all 而不是 Y.one:

Y.all('.multiples-demo-stage').on('click', onClick);