1

我是 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'
4

2 回答 2

2

好的，我试过 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 .

确保您的脚本的所有内容都是正确的

于 2013-07-09T02:15:11.367 回答
0

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"
于 2013-07-08T20:19:17.987 回答