ruby-on-rails - 将选择添加到 Rails 应用程序

Question

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

我尝试手动插入文件，将 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，所以不要使用 /* 要求）

@import "chosen";

在你的 application.js

//= require chosen.jquery

你应该给你的选择一个不同的类或 id

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

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

如果您有 railscasts 专业帐户。

看这个

标记字段修订

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