http://ivaynberg.github.io/select2/#documentationによると、私の入力フィールドは本来あるべきようには見えません。
Bootstrap または select2 スタイルが入力フィールドに適用されないだけでなく、ここでラベルとフォームの奇妙な重複動作が発生しています。
私の根拠のない問題は、Bootstrap が適切に登録されていないか、select2 と通信していないことです。
app/views/characters/_form.html.haml
= form_for(@character, :html => { :multipart => true }) do |f|
- if @character.errors.any?
#error_explanation
%h2= "#{pluralize(@character.errors.count, "error")} prohibited this character from being saved:"
%ul
- @character.errors.full_messages.each do |msg|
%li= msg
#stripe_error.alert.alert-danger{ :style => "display:none" }
%noscript JavaScript is not enabled and is required for this form. First enable it in your web browser settings.
.form-group
= f.label :name
= f.text_field :name, autofocus: true
.form-group
= f.label :image
= f.file_field :image
.form-group
= f.label :universe_ids, "Link Universes"
= f.collection_select :universe_ids, Universe.order(:name), :id, :name, {}, {multiple: true} # Getting a lot of funny behavior with these lines
.action
= f.submit
キャラクター.js.コーヒー
jQuery ->
$("#character_universe_ids").select2(
placeholder: "Pick a Universe");
アプリケーション.js
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//
//= require bootstrap
//= require select2
//
//= require_self
//= require_tree .
//= require turbolinks
アプリケーション.css.scss
@import "resets";
@import "bootstrap";
@import "custom/cp_variables";
@import "custom/cp_custom";
@import "custom/cp_responsive";
/*
*= require select2
*= require select2-bootstrap
*
*= require_self
*= require_tree .
*/
*= select2-bootstrap
回線が正常に動作しているかどうかを確認するにはどうすればよいですか? bootstrap-sass
ベンダー アセット フォルダーにコピーされたライブラリではなく、gemを使用しています。
gemfile
source 'https://rubygems.org'
ruby "2.0.0"
gem 'rails', '4.0.0'
gem 'haml-rails', '0.5.1'
gem 'html2haml', '~> 1.0.1'
gem 'sass-rails', '~> 4.0.0'
gem 'autoprefixer-rails'
gem 'bootstrap-sass', '~> 3.1.1'
gem 'coffee-rails', '~> 4.0.0'
gem 'jquery-rails'
gem 'uglifier', '>= 1.3.0'
gem 'turbolinks', '~>2.2.2'
gem 'jquery-turbolinks', '~>2.0.2'
gem 'jbuilder', '~> 1.2'
gem 'sprockets-rails', :require => 'sprockets/railtie'
gem 'pg', '0.17.1'
group :doc do
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', require: false
end
gem 'nokogiri', '~> 1.6.0'
# Secret keys.
gem 'figaro', '~> 0.7.0'
# Images.
gem 'paperclip', '~> 3.0'
# Image storage.
gem 'paperclip-dropbox', '>= 1.1.7'
# Authentication.
gem 'devise'#, '3.2.3'
# Votes.
gem 'acts_as_votable', '~> 0.9.0'
# Autocomplete form.
gem 'select2-rails'
group :development do
# For html2haml mass conversion
# erubis is already included in action pack
gem 'ruby_parser', '~> 3.1.1'
end
group :test do
end
group :production do
gem 'rails_12factor', '0.0.2'
#gem 'aws-sdk', "~> 1.0"
end
# Use ActiveModel has_secure_password
# gem 'bcrypt-ruby', '~> 3.0.0'
# Use unicorn as the app server
# gem 'unicorn'
# Use Capistrano for deployment
# gem 'capistrano', group: :development
# Use debugger
# gem 'debugger', group: [:development, :test]
この問題を抱えている人のスレッドは見つかりませんでした。すべてのチュートリアルでは、適切な DOM 要素に単純な.select2()
メソッドを適用するように単純に説明されていますが、取得する必要があるスタイルが取得されていません。