Ruby on Rails 4 使用选择和acts_as_taggable_on答案

【问题标题】：Ruby on Rails 4 Using chosen and acts_as_taggable_onRuby on Rails 4 使用选择和acts_as_taggable_on
【发布时间】：2013-11-23 19:33:02
【问题描述】：

我想将自动完成功能与 Chosen 和 ActsAsTaggableOn 一起使用。

我已经成功实现了 ActsAsTaggableOn，但完全不知道如何使用 Chosen。

有人可以帮忙吗？

这是我的代码。

代码

应用程序.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require jquery.turbolinks
//= require turbolinks
//= require masonry/jquery.masonry
//= require_tree .
//= require chosen-jquery

应用程序.css

*= require chosen

pins.js.coffee

  $ ->
  # enable chosen js
  $('#pin_tag_list').chosen()

表格：

<div class="form-group">
<%= f.label :tag_list, "Tags (separated by commas)" %><br />
<%= f.text_field :tag_list, class: "form-control" %>
</div>

结果：

根据文档，这应该可以。但是，我的文本字段现在变成了一个下拉菜单，我无法提交标签。

【问题讨论】：

您遇到了什么问题？
我正在尝试使用 Chosen 和 ActsAsTaggableOn 创建一个可搜索的标记系统。我成功实现了 ActsAsTaggableOn，它允许我用逗号分隔和提交标签。我实现了选择，它现在用一个损坏的下拉菜单破坏了原始的工作文本字段。当它看起来像下面的Link

标签： jquery ruby-on-rails ruby-on-rails-4 jquery-chosen

【解决方案1】：

从您的代码示例中，您的咖啡脚本似乎有不正确的缩进。确保您的 jQuery 代码嵌套在“文档就绪”函数下：

$ ->
  # enable chosen js
  $('#pin_tag_list').chosen()

【讨论】：