Использование простых JavaScript и мимолетные аргументы с Rails3 и UJS

Question

Я наблюдал Railscasts о Ненавязчивый JavaScript и читать многочисленные учебные пособия, но две вещи Ненавязчивый JavaScript в Rails3 еще меня смущает:

1. оконечная для простого JavaScript (скрывая некоторые элементы, добавляя класс CSS, ...)
2. аргументы Переходя к JS

Позвольте мне прояснить это с примерами кода. Я хочу, чтобы сделать ссылку, которая затухает некоторый элемент с идентификатором «образец»:

link_to 'Fade sample', url, :remote => true 

Каким должен быть URL, чтобы он мог выполнить JS? Если это будет новое действие в контроллер с именем, например, «JavaScript», поэтому он может получить доступ к JS в javascript.js.erb, который содержит:

$('#sample').fadeOut(); 

Кроме того, второй вопрос о UJS связан с передачей аргументов JS (тайм-аут, для этого примера). Я могу написать:

link_to 'Fade sample', url, :data-timeout => 1500, :remote => true 

но не знаю, как получить доступ к тайм-ауту данных в javascript.

Я использую Rails 3.0.5, JQuery 1.5.2 и jquery-ujs.

Answer 1

Я постараюсь ответить один за другим.

1. URL-адрес в link_to. Это был бы хэш URL для любого ресурса в приложении. Предположим, что вы указали resources :foos в route.rb, он создаст 6 URL-адресов для операции CRUD. Вы можете передать их URL-адресам с помощью таких методов, как new_foo_url, foo_url(@foo) или foos_url. Даже вы можете передать хэш вручную, как {:controller=>:foos_controller, :action=>:index}, также вы можете передать несколько параметров хэшу, например {:controller=>:foos_controller, :action=>:index, :param1=>"value1", :param2=>"value2"}. Также вы можете передавать строки, например, foos/new, foos/1 и т. Д.

2. Вы можете легко получить доступ к пользовательским атрибутам тегов с помощью jQuery. например, вы хотите получить доступ к якорю с id="link", вы можете $('#link').attr("data-timeout"). Если вы не знаете, что такое идентификатор, но вы знаете, что у него есть атрибут, который вы можете позвонить $("a[data-timeout]").first().attr('data-timeout')