Application d'un événement de style de mise au point à un élément de tag UL

Question

en utilisant jquery Tagit et en cherchant à appliquer un focus css à l'étiquette UL.

Je ne peux pas penser à un moyen de faire cela et mes tentatives avec jquery n'ont pas été couronnées de succès.

J'ai essayé par exemple:

<ul name="addtags" id="addtags"></ul> 

$("#addtags").click(function() { 
    $("#addtags").attr('id', 'addtagsfocus'); 
}); 

$("#addtagsfocus").bind('clickoutside', function() { 
    $("#addtagsfocus").attr('id', 'addtags'); 
}); 

qui fonctionne sur un clic, mais je ne peux pas obtenir un flou/clickoutside etc fonction de déclenchement.

Une aide?

Answer 1

Donnez votre UL un attribut tabindex:

<ul name="addtags" id="addtags" tabindex="1"> 

alors il devient focalisable et événement focus/flou Appliquer.

Démo: http://jsfiddle.net/ygalanter/EV4Yc/1/