将焦点样式事件应用于UL tagit元素

Question

使用jquery Tagit并寻求将css焦点应用于UL标记。

我无法想到一种方法来做到这一点，我对jquery的尝试也没有成功。

我试过了：

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

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

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

适用于点击，但我无法触发模糊/ clickoutside等功能。

任何帮助？

Answer 1

为您的UL提供tabindex属性：

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

然后它变得可聚焦，焦点/模糊事件现在适用。

演示：http://jsfiddle.net/ygalanter/EV4Yc/1/