添加选择到Rails应用程序

时间:2012-11-26 06:09:28

标签: ruby-on-rails jquery-chosen

我一直在环顾四周,找不到将一个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

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

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

我可能会忽视什么? collection_select正在运行,但它没有像Chosen那样的样式。我是初学者,所以如果有任何明显的东西我可能会忽略,请告诉我 - 以上所有内容都是我所做的。

1 个答案:

答案 0 :(得分: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帐户。

看看这个

token-fields-revised

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