Question

我是jQuery UI的新手，但我无法弄清楚为什么这不起作用。

我有一个简单的手风琴，我正试图让图标显示出来。这是我的CoffeeScript：

$ ->
  $( '#accordion' ).accordion
    collapsible: true
    heightStyle: "content"
    icons:
      header: "ui-icon-triangle-1-e"
      activeHeader: "ui-icon-triangle-1-s"

在我的application.js文件中，我已经包含了以下内容：

//= require jquery
//= require jquery_ujs
//= require jquery.ui.all

编辑1：

Gemfile的相关部分

gem 'rails', '3.2.12'

# Bundle edge Rails instead:
# gem 'rails', :git => 'git://github.com/rails/rails.git'

# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'

  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  # gem 'therubyracer', :platforms => :ruby

  gem 'uglifier', '>= 1.0.3'
end

gem 'jquery-rails'
gem 'jquery-ui-rails'

Answer 1

好的，我已经尝试过jquery ui手风琴，一切都很好。

的 simple-jquery-ui-accordion rails 3.2.13

$ -> $( '#accordion' ).accordion collapsible: true heightStyle: "content" icons: header: "ui-icon-arrowthick-1-e" activeHeader: "ui-icon-arrowthick-1-s"

我认为您的观点存在问题，或者您忘记在*= require jquery.ui.all
上添加application.css
*= require_self *= require jquery.ui.all *= require_tree .

确保您的脚本正确无误

Answer 2

Header和activeHeader是否为图标键的值？

来自示例：http://api.jqueryui.com/accordion/#option-icons

$( ".selector" ).accordion( "option", "icons", { "header": "ui-icon-plus", "activeHeader": "ui-icon-minus" } );

看起来它是一个不同的论点。

应该看起来更像这个

$(".selector").accordion "option", "icons",
  header: "ui-icon-plus"
  activeHeader: "ui-icon-minus"

jQuery UI手风琴图标没有在Rails中显示

2 个答案: