jQuery UI自动完成的选择事件不是用Tag-it触发的

时间:2014-10-23 06:56:17

标签: javascript jquery html autocomplete jquery-autocomplete

Fiddle Example

有人能告诉我如何在点击时将建议附加到输入框吗? 我使用了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);
    };
  }        
 }
})

但是这些建议在菜单中无法点击。

1 个答案:

答案 0 :(得分: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/

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