添加選擇到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插件。 它基於所選的插件，但更好。