jQuery UI自动完成功能的select事件未通过T​​ag-it触发

Question

小提琴的例子

谁能告诉我如何将建议添加到点击后的输入框中？ 我已经使用了Select事件，如下所示：

$("#tags").tagit({
  autocomplete: {
  source: availableTags, 
  select: function (event, ui) {
  $(this).val(ui.item.value);
  },
  create: function () {       
    $(this).data("ui-autocomplete")._renderItem = function(ul, item) {
     var inner_html = ''+item.value+'';
     return $("<li></li>")
      .data("item.autocomplete", item)
      .append(inner_html)  
      .appendTo(ul);
    };
  }        
 }
})

但是建议在菜单中不可单击。

Answer 1

您在ui-autocomplete类之前忘记了一个点。 第8行应显示为：

$(this).data(".ui-autocomplete")._renderItem = function(ul, item) {

编辑 ：我对代码进行了一些更改，显然您需要使用：

.data("ui-autocomplete-item", item)

阻止点击的原因是.append（）行。 我将其更改为
.append("<a>" + item.label + "</a>" ) 。

这是没有控制台错误的工作提琴。 http://jsfiddle.net/EZ56N/114/

顺便说一句，这个点与它无关，对不起。