添加選擇到Rails應用程序

我一直在環顧四周，無法找到一個很好的例子，在一個Rails應用程序中實現Chosen，http://harvesthq.github.com/chosen/。我正嘗試將我現有的多選轉換爲選定樣式的多選框。添加選擇到Rails應用程序

我嘗試手動插入文件，將choose.jquery.js複製到我的assets/javascripts文件夾中並添加chosen.css。還添加// =需要選擇-jquery的用下面的代碼來的application.js沿着

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

還具有* =需要選擇在application.css.scss

我添加：類=>「chzn-選擇「在form_tag的collection_select中。

還嘗試使用'選擇欄'寶石（這裏是一個例子http://choppingbloc.tumblr.com/post/24894460392/multiple-select-boxes-with-chosen-jquery），但沒有運氣。

任何我可能忽略的東西？ collection_select正在工作，但它不像Chosen那樣。我是初學者，所以如果有什麼明顯的我可能忽視了，請告訴 - 上面的一切都是我所做的。

來源

2012-11-26 pvskisteak5

它可以幫助診斷這些問題，包括您的瀏覽器Javascript控制檯給你的任何輸出。彈出一個頁面加載後打開，看看是否存在任何Javascript錯誤。 – Veraticus

謝謝 - 我的控制檯顯示「Uncaught ReferenceError：Prototype is not defined」，並指向包含'（AbstractChosen），n.Chosen = e，Prototype.Browser.IE && MSIE（\ d + \）的application.js：4279。 \ d +）; /。test（navigator.userAgent）&&（Prototype.BrowserFeatures.Version = new Number（RegExp。$ 1）），t = function（e）{' – pvskisteak5

我遵循@Andreas Lyngstad的建議， – pvskisteak5

設置它這樣

你必須包括CSS文件和JS文件

在你application.css.scss，（因爲它是青菜，不要使用/ *需要）

@import "chosen";

你

的application.js

//= require chosen.jquery

你應該給你一個選擇各色nt類或id比

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

因爲它可能會讓你在調試html時感到混亂。 Chosen會給出帶有這個前綴的類，如.chzn-done，.chzn-single，chzn-drop，chzn-search。

如果您有一個railscasts專業帳戶。

看看這個

token-fields-revised

你真的應該下降所選擇的插件，去爲select2插件。它基於所選的插件，但方式更好。

來源

2012-11-26 08:47:17

添加選擇到Rails應用程序

回答

相關問題