2016-05-09 3 views
1

У меня возникла проблема с jQuery.ui и Rails. Я пытаюсь решить эту ошибку с 6 часов, но я не могу найти решение. Это особенно раздражает, что кажется простым. Конечно, я что-то упускаю.Ошибка с jQuery и рельсами

Когда я добавляю <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> к голове моей application.html.erb, он работает, но только если вход помещен внутрь application.html.erb:

<%= javascript_include_tag "application", "data-turbolinks-track" => true %> 

<form method="post"> 
    Date:<input type="text" id="datepicker" name="datepicker" /> 
</form> 

Если форма помещается в любой другой точки зрения, функция выбора даты не будет работает.

в application.js:

//= require jquery 
//= require jquery_ujs 
//= require jquery.ui.all 
//= require jquery.turbolinks 
//= require turbolinks 
//= require welcome 
//= require subscriptions 
//= require to_do_lists 
//= require_tree . 

$(function() { 
    $("#datepicker").datepicker(); 
}); 

в Gemfile:

gem 'jquery-ui-rails', '~> 5.0', '>= 5.0.5' 

в application.css:

/* 
*= require_self 
*= require jquery.ui.all 
*/ 

Я сталкиваются с двумя проблемами:

  1. Во-первых, JQuery-UI драгоценный камень не будет работы
  2. Во-вторых, даже если я называю сценарий в голове моего приложения, он работает только с формой в application.html.erb

EDIT с моим Gemfile:

source 'https://rubygems.org' 
source 'https://code.stripe.com' do 
    gem 'stripe' 
end 

ruby "2.2.4" 

gem 'rails', '4.2.3' 

gem 'pg', '~> 0.15' 

gem 'sass-rails', '~> 5.0' 

gem "gibbon" 

gem 'uglifier', '>= 1.3.0' 

gem 'coffee-rails', '~> 4.1.0' 

gem 'aws-sdk', '< 2.0' 

gem 'jbuilder', '~> 2.0' 

gem 'friendly_id', '~> 5.0.0' 

gem 'sdoc', '~> 0.4.0', group: :doc 

gem 'rails_12factor' 

gem 'meta-tags' 

gem 'devise' 

gem 'factory_girl_rails' 

gem 'rails_serve_static_assets' 

gem 'capybara' 

gem 'kaminari' 

gem 'figaro' 

gem 'guard-rspec' 

gem 'paperclip' 

# jquery gems for rails 
gem "jquery-rails" 

gem 'jquery-ui-rails' 

gem 'puma' 

gem 'therubyracer' 

gem 'paper_trail' 

group :development, :test do 

    gem 'byebug' 
    gem 'stripe-ruby-mock' 
    gem 'database_cleaner' 
    gem 'rspec-rails' 
    gem 'rails_best_practices' 
    gem 'brakeman' 
    gem 'quiet_assets' 

end 

group :development do 

    gem 'web-console', '~> 2.0' 

    gem 'spring' 
end 

Любая идея?

+0

['document.ready'] (https://learn.jquery.com/using-jquery-core/document-ready/)? –

+0

не работает –

+0

Если вы используете хром, разместите журнал консоли разработчика - это может помочь в определении проблемы. –

ответ

0

Просто удалите турбовинтовые трубы по вашему проекту

У меня была та же проблема.

+0

Я пробовал, но это не проблема ... –

+0

удалить на свой gemfile? –

+1

удалено из Gemfile, application.html.erb, application.js, удалено и перезапущен сервер –

1

Я думаю, что вам не требуется плагин правильно в application.js и application.css. Пожалуйста, попробуйте это и сообщите мне, если вы все еще сталкиваетесь с проблемой.

В вашем Gemfile добавить:

gem 'jquery-ui-rails'

Требовать Все

Обязать все модули JQuery UI, добавьте следующее к application.js:

//= require jquery-ui

Также добавьте jQuery UI CSS к вашему application.css:

/* *= require jquery-ui */

+0

Это было правильно написано, у меня есть именно этот код в моих файлах –

+0

@ TimothéGauguet: Просто замените // = require jquery.ui.all с// = требуется jquery-ui в application.js и application.css –

0

Я решил эту проблему, я просто добавил JQuery скрипт в моем application.html.erb, что стало причиной этой проблемы ... Спасибо всем!

Смежные вопросы