Ruby on rails 将Jquery UI Autocomplete与为标记的Stackoverflow样式选择的Jquery组合起来？

目前，我正在rails gem上成功地使用jQueryUIAutoComplete和acts_as_taggable_

但是，我希望当您提出带有X标记的问题时，我的标记可以像在StackOverFlow上一样显示，单击该标记可以删除它们

我想用这个

保存到以下文件：

gem 'compass-rails'
gem 'chosen-rails'

如果与jQuery一起使用，则输入app/assets/javascripts/application.js

//= require chosen-jquery

进入app/assets/stylesheets/application.css

*= require chosen-compass

不，我需要调用表单id/类上的.selected函数。但我根本没有让它发挥作用。这是我的表格：

<%= form_for :photo, url: photos_path, html: {multipart: true } do |f| %>
  <%= f.file_field :picture %>
  <%= f.text_field :title %> 
  <%= f.autocomplete_field :tag_list, autocomplete_tag_name_photos_path, :placeholder => 'Tags', :"data-delimiter" => ', ', 'data-auto-focus' => true %>
  <%= f.submit %>
<% end %>

---

编辑：我突然想到，如果我能弄清楚如何将提交的标签放入它们自己的元素（如ul/li）中，我就可以自己做css了

这是不可能的，但是更简单的解决方案是使用select2 gem和gem上的acts_as_taggable_创建StackOverFlow样式的标记系统

---

只是确认一下，您的“自动完成”字段工作正常是吗？是的，jquery ui“自动完成”工作您想先试试这个，看看它是否对您有帮助吗？我不知道如何将这个问题应用到我自己的问题上。好的，在这种情况下，您可以粘贴js代码来初始化自动完成功能吗？然后我可以对它进行破解

<input placeholder="Tags" data-delimiter=", " data-auto-focus="true" data-autocomplete="/photos/autocomplete_tag_name" type="text" name="photo[tag_list]" id="photo_tag_list" class="ui-autocomplete-input" autocomplete="off">

$(document).on('page:change', function () { 
  $('#photo_tag_list').chosen
    allow_single_deselect: true;
    no_results_text: 'No results matched';
    width: '200px';
});