Rails 3.2 and jQuery function not working in production

Question

I'm having a bit of trouble getting my javascript function that is compiled by the Asset Pipeline to work in production. It is working fine in development.

Javascript

# app/assets/javascript/subscribe.js

$(function() {
  $('#fat-btn').click(function() {
    var btn = $(this)
    btn.button('loading')
    setTimeout(function () {
      btn.button('reset')
    }, 2000)
  });
});

My view

# app/assets/subscribe.html.erb

<div class="subscribe">
  <%= form_tag subscribe_path, class: "form-inline" do %>
      <%= text_field_tag :email, nil, :type=>"email", :placeholder => 'Your email address' %>
      <%= button_tag "Go", id: "fat-btn", class: "btn", data: { "loading-text" => "loading...", "toggle" => "button"} %>
  <% end %>
</div>

My Application Javascript

# app/assets/javascript/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

Any help is much appreciated it. Thank you

Silver · Accepted Answer · 2013-04-22 09:39:09Z

1

This happened to me before and in my case I was calling multiple instances of JQuery. So:

Make sure you're not calling multiple instances of JQuery.
If you are using coffeescript and have a syntax error (I had extra spaces in my case) in development all can go well but in producion it will not. Again, the console's log when you precompile should point out any issues if there are any.
See if there are any errors in Firebug when you are in development
and production.
If all that fails you can try to clean and precompile your assets
again.

answered Apr 22, 2013 at 9:39

Silver

6931 gold badge10 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bajirao Pheshwe · Accepted Answer · 2013-04-22 10:50:32Z

1

please check error that

hi budy please do following changes in file before deploy to production mode

------enviorment.rb-----

::ActiveSupport::Deprecation.silenced = true

------Production.rb-------

config.assets.compile = ['*.js', '*.css']
config.active_support.deprecation = :silence

-------application.rb-------

config.assets.enabled = true
config.assets.initialize_on_precompile = false

answered Apr 22, 2013 at 10:50

Bajirao Pheshwe

4942 silver badges11 bronze badges

Comments

icanhazbroccoli · Accepted Answer · 2013-04-22 07:58:08Z

0

Could you check network console in your browser while loading page in production mode? It seems some assets has not been loaded.

If so, it looks like config.serve_static_assets set to false (by default in production mode) in your rails environment config. Check config/environments/production.rb file.

answered Apr 22, 2013 at 7:58

icanhazbroccoli

1,0359 silver badges16 bronze badges

3 Comments

Wasabi Developer Over a year ago

Hi 4pcbr, thanks for your response. The network console has the function compiled in application.js; would renaming subscribe.js to it's controller .coffee file help with anything?

icanhazbroccoli Over a year ago

No, it doesn't matter. Could you provide more info about the error you catch? What exactly happens and do you see it while running your dev server under production environment?

Wasabi Developer Over a year ago

Thanks again for your time and being patient with me.

Collectives™ on Stack Overflow

Rails 3.2 and jQuery function not working in production

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related