添加选择到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应用程序

回答

相关问题