Ruby on rails 将所选内容添加到Rails应用程序

Ruby on rails 将所选内容添加到Rails应用程序,ruby-on-rails,jquery-chosen,Ruby On Rails,Jquery Chosen,我一直在四处寻找,找不到一个将selected实现到Rails应用程序中的好例子。我正在尝试将现有的multi-select转换为选定样式的multi-select框 我尝试手动插入文件,将selected.jquery.js复制到我的assets/javascripts文件夹中,同时添加selected.css。还向application.js添加了//=require selected jquery以及以下代码 jQuery(function($){ $('.chzn-select').ch

我一直在四处寻找,找不到一个将selected实现到Rails应用程序中的好例子。我正在尝试将现有的multi-select转换为选定样式的multi-select框

我尝试手动插入文件,将selected.jquery.js复制到我的assets/javascripts文件夹中,同时添加selected.css。还向application.js添加了//=require selected jquery以及以下代码

jQuery(function($){
$('.chzn-select').chosen();
})
在application.css.scss中还选择了*=require

我在一个集合中添加了:class=>“chznselect”\u在一个表单标记中选择

还尝试使用“Selected rails”gem(这里是一个示例),但没有成功

有什么我可能忽略的吗?集合_select正在工作,但其样式与select不同。我是一个初学者,所以如果有什么明显的地方我可能忽略了,请告诉我-上面的一切都是我所做的。

像这样设置它

您必须同时包含css文件和js文件

在application.css.scss中,(因为它是sass,所以不要使用/*require)

在您的application.js中

//= require chosen.jquery
您应该为您的选择指定一个不同于的类或id

$('.chzn-select').chosen();
因为,调试html时可能会把事情弄得一团糟。Selected将为类提供此前缀,如.chzn done、.chzn single、chzn drop、chzn search

如果您有railscasts pro帐户

看看这个


你真的应该放弃所选择的插件,转而使用插件。它基于所选的插件,但要好得多。

它可以帮助诊断这些问题,包括浏览器Javascript控制台提供给您的任何输出。加载页面后,弹出打开的页面,查看是否存在Javascript错误。谢谢-我的控制台显示“未捕获引用错误:未定义原型”,并将我指向application.js:4279,其中包含
(AbstractSelected),n.Selected=e,Prototype.Browser.IE&/MSIE(\d+\.\d+)/。test(navigator.userAgent)和&(Prototype.BrowserFeatures.Version=newnumber(RegExp.$1)),t=function(e){
我听从了@Andreas Lyngstad的建议,它成功了
$('.chzn-select').chosen();