将选择添加到 Rails 应用程序

Question

我一直在环顾四周，找不到将 Chosen http://harvesthq.github.com/chosen/ 实现到 Rails 应用程序的好例子。我正在尝试将现有的多选转换为选定样式的多选框。

我尝试手动插入文件，将 selected.jquery.js 复制到我的 assets/javascripts 文件夹中，同时添加 selected.css。还添加了 //= require selected-jquery 到 application.js 以及以下代码

jQuery(function($){
$('.chzn-select').chosen();
})

还有 *= 要求在 application.css.scss 中选择

我在 form_tag 的 collection_select 中添加了 :class=> "chzn-select"。

还尝试使用 'chosen-rails' gem（这里是一个示例 http://choppingbloc.tumblr.com/post/24894460392/multiple-select-boxes-with-chosen-jquery）但没有运气。

我可能会忽略什么？ collection_select 正在工作，但它的样式不像 Chosen。我是初学者，所以如果有什么明显的我可能忽略了，请告诉 - 以上都是我所做的。

Answer 1

这样设置

你必须同时包含css文件和js文件

在你的application.css.scss中，（因为是sass，所以不要使用/* require）

@import "chosen";

在你的 application.js 中

//= require chosen.jquery

你应该给你的选择一个不同的类或ID而不是

$('.chzn-select').chosen();

因为，当您调试 html 时，它可能会使事情变得混乱。 Chosen 给出了带有此前缀的类，例如 .chzn-done、.chzn-single、chzn-drop、chzn-search。

如果您有 railscasts 专业帐户。

看看这个

token-fields-revised

您真的应该放弃选择的插件并选择select2 插件。它基于所选插件，但效果更好。