Question

我有一些代码可以使用jquery从我的输入文本框中自动完成某些内容，完整代码是这样的：

<head>

  <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="js/jquery.autocomplete.min.js"></script>
  <script type="text/javascript">

  $(function(){
  var friends = [
    { value: 'Google', data: 'http://www.google.com' },
    { value: 'Facebook', data: 'http://www.facebook.com' },

  ];

  $('#autocomplete').autocomplete({
    lookup: friends,
    onSelect: function (suggestion) {
      var thehtml = '<a href="'+ suggestion.data +'">' + suggestion.value + ' </a> ' ;
      $('#tagged').html(thehtml);
    }
  });


});

  </script>

  <div id="tagged"></div>
    <form><input type="text" class="biginput" id="autocomplete"></form>

现在我的问题是如何在#tagged中添加更多标签而不用新标签进行更改。我怎么能把喜欢，如果我有和之间的一些文字和当我键入@Google从顶部开始jquery并给我列表然后当我点击只是输出它在文本旁边我按@ ....谢谢

Answer 1

您可以使用this one之类的插件。

在您的情况下，数据源将是一个AJAX调用，它将从服务器获取结果，方法是搜索包含标记字符串的标记并将其发送到客户端。在插件的文档中有这样的例子。

键入时实时标记

1 个答案: