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

使用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等功能。

有什么帮助吗？

最佳答案

给您的UL一个tabindex属性：

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

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

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