HTML/CSS 关于 chosen 插件的 css 样式

gechentuo · 2014年04月10日 · 最后由 sec 回复于 2017年09月19日 · 8172 次阅读

我在项目中使用了 chosen－rails

chosen 选择的功能都可以实现，但是它的 css 效果加载不出来

view

<%= f.select :teacher_ids,options_for_select(teachers_array),{},{:multiple => true, :class => 'chzn-select'}%>

application.js

//= require jquery
//= require jquery_ujs
//= require chosen-jquery
//= require scaffold

scaffold.js.coffee

$ ->
  # enable chosen js
  $('.chzn-select').chosen
    allow_single_deselect: true
    no_results_text: 'No results matched'
    width: '200px'

application.css

*= require chosen

huacnlee #1 2014年04月10日

描述太粗糙，截图，说你怎么用的，贴代码

gechentuo #2 2014年04月10日

@huacnlee 嗯，是这样的。多选功能都能出来，就是没有 css 效果

view

<%= f.select :teacher_ids,options_for_select(teachers_array),{},{:multiple => true, :class => 'chzn-select'}%>

application.js

//= require jquery
//= require jquery_ujs
//= require chosen-jquery
//= require scaffold

scaffold.js.coffee

$ ->
  # enable chosen js
  $('.chzn-select').chosen
    allow_single_deselect: true
    no_results_text: 'No results matched'
    width: '200px'

application.css

*= require chosen

sec #3 2017年09月19日

加载的 scaffold.js.coffee，可能和自身的文件名不同所以没有 css 效果 http://railscasts.com/episodes/258-token-fields-revised

需要登录后方可回复, 如果你还没有账号请注册新账号