Question

如何将以下jquery习语翻译成YUI？

$("a").click(function(event){
     alert("Saw a click!");
   });

以上内容应该为文档中的所有锚标记添加自定义点击事件。

Answer 1

YUI 3

Y.all('li').on('click', function() {
        alert('Clickety-click!');
    });

YUI 2

var lis = document.getElementsByTagName("li");
YAHOO.util.Event.addListener(lis, 'click', function() {
        alert('Clickety-click!');
    });

来自的答案： Translate the following jQuery code to YUI 2.x code

另外：YUI 3将支持链接操作，直到那时使用dechain.dustindiaz.com的dedchain库

Answer 2

最好使用事件委托

YUI 3 *

Y.delegate('click', function (e) {
    alert("Click received");
}, document, 'a');

或

Y.get(document).delegate('click',fn, 'a');

YUI 2

YAHOO.util.Event.on(document,'click',function (e) {
    var target = YAHOO.util.Event.getTarget(e);
    if (target.nodeName && target.nodeName.toLowerCase() === 'a') {
        alert("Click received");
    }
});

YUI 3 beta版在委托中有一个错误，阻止文档侦听器工作。这是针对即将发布的GA版本修复的。

将jquery成语翻译成YUI

2 个答案: