我一直在环顾四周,找不到将一个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那样的样式。我是初学者,所以如果有任何明显的东西我可能会忽略,请告诉我 - 以上所有内容都是我所做的。
答案 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帐户。
看看这个
你应该放弃所选的插件并转到select2插件。它基于所选的插件,但更好。