Я просто пытаюсь заставить JQuery работать с моим рельсом.Проблема с JQuery in Rails 3.2
Я хотел бы поместить некоторые JQuery в моем new.html.erb файл, и я получаю следующее сообщение об ошибке в консоли Chrome:
Uncaught SyntaxError: Unexpected token (
Вот мой new.html.erb:
<% provide(:title, "New Stat") %>
<% provide(:heading, "Welcome, #{ current_user.email }!") %>
<div id="stats-page-container">
<div id="stat-form" >
<div id="stat-form-inner">
<% render 'layouts/init_stats_form' %>
<% render 'layouts/stat_input_form' %>
<script>
$.('#stat-form-inner').addClass('test-class');
</script>
</div>
</div>
<%= render 'layouts/progress' %>
</div>
ошибка в строке с кодом JQuery:
$.('#stat-form-inner').addClass('test-class');
Вот мой файл application.html.erb:
<html>
<head>
<title><%= full_title(yield(:title)) %></title>
<h1> <%= yield(:heading) %> </h1>
<%= stylesheet_link_tag "application", :media => "all" %>
<%= csrf_meta_tags %>
</head>
<body>
<% flash.each do |key, value| %>
<%= content_tag(:div, value, class: "alert alert-#{key}")%>
<% end %>
<%= render 'layouts/header' %>
<% if user_signed_in? %>
<%= render 'layouts/subheader' %>
<% end %>
<%= yield %>
<%= debug(params) if Rails.env.development? %>
<%= javascript_include_tag 'application' %>
</body>
</html>
И элемент с этим статусом stat-form-inner не имеет этого класса, добавленного к нему.
мой application.js файл имеет это в нем:
// = require jquery
// = require jquery_ujs
// = require_tree .
Я также добавил
<%= javascript_include_tag 'application' %>
непосредственно над окончанием тела тега.
Что еще мне не хватает?
Спасибо!
Я не думаю, что «.» оператор требуется после $. Просто удалите его и отметьте –
. Это дает мне следующее: Uncaught ReferenceError: $ не определен new: 63 (анонимная функция) –