添加选择到Rails应用程序

Question

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

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

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

也可以在application.css.scss中选择* = require

我在form_tag的collection_select中添加了：class =>“chzn-select”。

还尝试使用'selected-rails'宝石（这里有一个例子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 pro帐户。

看这个

令牌领域，修订

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