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

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 に答える