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

gechentuo · April 10, 2014 · Last by sec replied at September 19, 2017 · 8157 hits

我在项目中使用了 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 April 10, 2014

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

gechentuo #2 April 10, 2014

@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 September 19, 2017

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

You need to Sign in before reply, if you don't have an account, please Sign up first.