Instalando o jQuery no Rails 3.2.13

Estou tendo problemas para fazer com que o jQuery funcione no Ruby on Rails 3.2.13. Eu olhei para tutoriais, procurei no youtube, etc. e ainda não consigo fazê-lo funcionar.

Mais especificamente, estou tendo problemas para usar o jQuery ui. Não consigo fazer com que o widget do acordeão funcione. Eu não posso nem obter jQuery simples (como exibir uma mensagem de alerta de hello) para trabalhar no ROR.

Sua ajuda é muito apreciada. Obrigado!

Aqui está o meu arquivo application.html.erb:

   TestProj  "all" %>        

Aqui está o meu arquivo gem:

 source 'https://rubygems.org' gem 'rails', '3.2.13' # Bundle edge Rails instead: # gem 'rails', :git => 'git://github.com/rails/rails.git' gem 'sqlite3' # 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' # To use ActiveModel has_secure_password # gem 'bcrypt-ruby', '~> 3.0.0' # To use Jbuilder templates for JSON # gem 'jbuilder' # Use unicorn as the app server # gem 'unicorn' # Deploy with Capistrano # gem 'capistrano' # To use debugger # gem 'debugger' 

O meu arquivo my application.js é o seguinte:

 // This is a manifest file that'll be compiled into application.js, which will include all the files // listed below. // // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts, // or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path. // // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the // the compiled file. // // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD // GO AFTER THE REQUIRES BELOW. // //= require jquery //= require jquery_ujs //= require_tree . $(document).ready(function() { alert('Thanks for visiting!'); }); 

Jquery automatizar no Rails 3.2.13, veja no seu Gemfile, se você tem gem 'jquery-rails' no seu Gemfile, você deve estar usando 'application' , sem 'jquery-1.10.1.js' , jquery-rails última versão usando jQuery 1.10.1 veja aqui

 <%= javascript_include_tag :application %> 

Isso carregará o arquivo app/assets/javascript/application.js para carregar todos os outros arquivos javascript na pasta app/assets/javascript , incluindo jQuery:

 //= require jquery //= require jquery_ujs //= require_tree . $(document).ready(function() { alert('Thanks for visiting!'); }); 

Se você quiser usar o JQuery UI, você pode usar o jquery-ui-rails gem https://github.com/joliss/jquery-ui-rails

No seu Gemfile, adicione:

gem 'jquery-ui-rails'

e executar a bundle install

leia aqui para uso

Verifique o console do seu navegador para qualquer erro de carga. Parece que você não está implantando o javascript, por isso não está carregado.

Pode usar

  <%= javascript_include_tag "//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" %> 

ou ter uma cópia do arquivo que você está servindo em qualquer um dos

 /lib/assets/javascripts /vendor/assets/javascripts /app/assets/javascripts 
Intereting Posts