Traduction de l'idiome de jquery en YUI

Question

Comment traduire l'idiome de jquery suivant en YUI?

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

Ce qui précède est supposé ajouter un événement de clic personnalisé à toutes les balises d'ancrage dans le document.

Answer 1

Mieux utiliser délégation de l'événement

YUI 3 *

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

ou

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

• le YUI 3 version bêta a un bogue dans délégué qui empêche les auditeurs de documents de travail. Ceci est corrigé pour la prochaine version de GA.

Answer 2

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!'); 
    }); 

Réponses de: Translate the following jQuery code to YUI 2.x code

également: YUI 3 soutiendra les opérations enchaînant, jusqu'à utiliser alors la bibliothèque dedchain de dechain.dustindiaz .com