Dodawanie kodu JQuery lub JavaScript (nie kawy.script) do aplikacji Rails 3.2?

Question

Właśnie skończyłem kurs wstępny Code School's na JQuery, jQuery Air: First Flight. To był świetny sposób na poznanie podstaw jQuery i kiedy skończyłem, byłem podekscytowany dodaniem jQuery do mojej nowej aplikacji dla małych railsów 3.2. Jednak, jak to zrobić, nie jest oczywiste.

Domyślnie szyny 3.2 są dostarczane z szynami jquery-rails i coffee-rails. Nowe 3.2 aplikacje są gotowe do zaakceptowania javascript i jquery w formie skryptu kawowego. Wkrótce się nauczę skryptu kawowego, a teraz wszystko, co mam, to jquery.

Dokładniej, powinienem dodać coś takiego:

<script type="text/javasript" src= "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

w głowę mojego pliku app/views/layouts/application.html.erb czy wszystko załatwione jQuery szyn gem i

<%= javascript_include_tag "application" %> 

już tam?

Gdzie w mojej aplikacji umieszczam kod jQuery? Z każdym nowym sterownikiem, który generuję, rails 3.2 tworzy ładny plik [new_controller].js.coffee w katalogu app/assets/javascripts/. JavaScript nie działa, jeśli umieściłem go w tym pliku .coffee. Ktoś ma jakieś myśli?

Answer 1

Po eksperymentował się i korespondował z dobrych ludzi na Code School, mam wymyślić następującej odpowiedzi z innych może okazać się przydatne:

Rails 3.2 aplikacje są gotowe do przyjęcia coffeescript. Rzeczywiście, każdy nowy kontroler automatycznie generuje plik [new_controller] .js.coffee gotowy do zaakceptowania nowego coffeescriptu. Chociaż niedługo przejdę do coffeescriptu, ponieważ zakończyłem właśnie JQuery Air: First Flight, wszystko, co wiem, to jQuery.

Oto, co trzeba zrobić, aby dodać jQuery do czyjegoś Rails 3.2 aplikacji z Domyślnie ustawienia rurociągów aktywów:

1) miejsce javascript_include_tag(:application) w pliku app/views/layouts/application.html.erb. Adam Fortuna z Code School zauważa, że ​​typowe jest umieszczanie tej linii w stopce, co brzmi jak dobra rada. To prawdopodobnie pozwala na załadowanie reszty strony przed javascript.

2) W katalogu "app/assets/javascripts /" utwórz nowy plik zsufiksem , który w moim przypadku to user.js.Uwaga: Nie należy nadawać nazwy plikowi jQuery takim samym, jak automatycznie utworzony plik .js.coffee lub nie będzie on czytany, prawdopodobnie dlatego, że będzie dostępny sam plik coffeescript.

3) Dodaj do tego pliku jQuery javascript do treści swojego serca! Jest już częścią twojej aplikacji 3.2, dołączonej do klejnotu jquery-rails.

Jeśli inni mają wgląd w używanie jquery i javascript zamiast skryptu kawowego w aplikacji rails 3.2, proszę dodać. Powiedział, że moim następnym krokiem jest nauka skryptu kawowego!

Answer 2

Nie musisz nic robić. Railsy dostaną domyślnie jquery. jeśli rozszerzenie pliku nie jest kawą, nie musisz używać coffeescript.

Możesz przeczytać this, aby lepiej zrozumieć magię.

Jeśli trzeba dodać własną rękę, można napisać coś takiego:

<%= javascript_include_tag "http://example.com/main.js" %> 

this Czytaj, aby zrozumieć jak działa javascript_include_tag.

Answer 3

Upewnij się, że //= require jquery jest szczytem pliku application.js lub application.js.coffee i powinieneś być dobry, jeśli masz klejnot jquery-rails zainstalowany.