jQuery UI 自动完成

Question

我想构建一个多选小部件，如本页所示，它具有独特的选择功能，菜单始终打开以便用鼠标轻松选择。

此处提供的源代码和标记 [如果您不熟悉 jsFiddle，只需评论问题让我知道]： http://jsfiddle.net/ahmedkhalaf/khPn7/

当您单击选择一个项目时，菜单会更新为不包括选定项目的项目。

问题是我需要将鼠标移动到另一个项目才能再次选择项目，看来您无法在不离开项目的情况下重新触发新项目上的focus 和mousedown 事件。

这只发生在 Firefox 上，在 IE8 上我可以通过单击第一个项目来选择所有项目。

Answer 1

您是否尝试将点击事件附加到每个选项，其中该事件将选项的值附加到标签容器，关注选项的父项，然后删除选项？

$("select#idOfSelect option").click(function(){
    $("div#idOfContainer").append( $(this).val() );
    $(this).parent().focus();
    $(this).remove();
});