jquery - word is not defined

rubyonrails-talk
1

Just starting out with a beginner book on jquery and the very first thing I am trying fails (has to be me)

Rails 3.1 - other jquery things working including a poor example of drag & drop that is my ultimate target here but just simply trying to get every alternating row in a table to have a different css class

So I'm using...

app/assets/javascripts/people.js.coffee and put in...

$(document).ready(function() {   $('tr:nth-child(odd)').addClass('odd'); });

and I get the error - word is not defined   (in /home/users/cwhite/tti_framework/app/assets/javascripts/people.js.coffee)

So I tried variations including $(document).ready(function() {   $('tr:odd').addClass('odd'); });

but still the same problem and my css does indeed have tr.odd defined and works fine if I do odd_even in the view code which I removed for the benefit of this test.

2

$('tr:nth-child(odd)').addClass('odd');

What happens when you just run $('tr:nth-child(odd)').addClass('odd'); on the web console? Does it correctly select the elements you are looking for ?

and I get the error - word is not defined (in /home/users/cwhite/tti_framework/app/assets/javascripts/people.js.coffee)

"word is not defined" is a little vague, do you think that's happening in jQuery, coffeescript, or your code? (these are rhetorical questions to point you in the right direction). Also, is that a Rails exception (I'd assume not) or a Javascript error you see in the console (or an error during coffeescript's compile?)

but still the same problem and my css does indeed have tr.odd defined and works fine if I do odd_even in the view code which I removed for the benefit of this test.

So... it's a little hard to follow you're debugging steps, are you saying that the code you are executing is actually working to add the class to the selected elements?

If that's the case, remove your code altogether and see if the problems is still happening. If it is, you have a different problem unrelated to the $('tr:nth-child(odd)') selector

3

Grammatical correction: "your debugging steps"

4

You may not have property path to jquery/ .js file. Get Firebug in firefox, to remove the error.

5

$('tr:nth-child(odd)').addClass('odd');

What happens when you just run $('tr:nth-child(odd)').addClass('odd'); on the web console? Does it correctly select the elements you are looking for ?

6

well I'm reasonably certain that the problem is getting the base jquery.js loaded but: - I am using Rails 3.1 (development mode) - my 'Gemfile' looks like this (the top part anyway) source 'http://rubygems.org'

gem 'rails', '3.1.3'

# Bundle edge Rails instead: # gem 'rails', :git => 'git://github.com/rails/rails.git'

# Rails standard install gems gem 'pg' gem 'json'

gem 'execjs' gem 'therubyracer'

# Gems used only for assets and not required # in production environments by default. group :assets do   gem 'sass-rails', '~> 3.1.4'   gem 'coffee-rails', '~> 3.1.1'   gem 'uglifier', '>= 1.0.3' end

gem 'jquery-rails'

and other jquery things are clearly working for me as I've gotten rounded corners & drag/drop working (ui plugin items I think)

But I definitely don't understand what you mean by 'you may not have property path to jquery/ .js file. and I do have Firebug installed here.

Craig

7

(these are just a lot of suggestions... take it with a grain of salt)

Right... so for some reason jQuery isn't included properly (I know that from "Error: $ is not defined")... although I'm not sure how you are even able to get that far given the other error you said you had.

It's interesting that javascript_include_tag (line 7) is throwing the exception "word is not defined"

Looks like that problem is in the ExecJS Gem -- is that default in Rails 3.1? Did you add that? Remove that Gem from your Gemfile, rebuild the gems (bundle install) and see if the problem goes away.

I guess that Gem is part of Rail's default package now? (That is, automatically included in the Gemfile when you make a new app)

Not actually sure what your problem is but it looks like that Gem is aliasing the javascript_include_tag which is making it not too happy.

Maybe try examining the line of code in execjs that it is hiccuping on (You should be able to find that from your stacktrace)? Perhaps that will have clues as to why it is hiccuping when trying to execute javascript_include_tag

8

(these are just a lot of suggestions... take it with a grain of salt)

Right... so for some reason jQuery isn't included properly (I know that from "Error: $ is not defined")... although I'm not sure how you are even able to get that far given the other error you said you had.

It's interesting that javascript_include_tag (line 7) is throwing the exception "word is not defined"

Looks like that problem is in the ExecJS Gem -- is that default in Rails 3.1? Did you add that? Remove that Gem from your Gemfile, rebuild the gems (bundle install) and see if the problem goes away.

9

Just starting out with a beginner book on jquery and the very first thing I am trying fails (has to be me)

Rails 3.1 - other jquery things working including a poor example of drag & drop that is my ultimate target here but just simply trying to get every alternating row in a table to have a different css class

So I'm using...

app/assets/javascripts/people.js.coffee and put in...

$(document).ready(function() { $('tr:nth-child(odd)').addClass('odd');

});

A .coffees file should contain coffeescript, whereas you appear to have put javascript in your people.js.coffee

Fred

10

Just starting out with a beginner book on jquery and the very first thing I am trying fails (has to be me)

Rails 3.1 - other jquery things working including a poor example of drag & drop that is my ultimate target here but just simply trying to get every alternating row in a table to have a different css class

So I'm using...

app/assets/javascripts/people.js.coffee and put in...

$(document).ready(function() {   $('tr:nth-child(odd)').addClass('odd');

});

A .coffees file should contain coffeescript, whereas you appear to have put javascript in your people.js.coffee