JavaScript Rails code not working in application.js

Question

  $(document).ready(function() { 
    $('#client-select2').select2();
   });

If i place the code above to application.js, it does not respond but if I place it in the _form.html.erb file, it does. Anyone know why that is?

views/orders/_form.html.erb

<script type="text/javascript">
  $(document).ready(function() { 
    $('#client-select2').select2();
   });

</script>

<%= simple_form_for(@order) do |f| %>
  <%= f.error_notification %>
    <%= f.input :code %>
    <%= f.association :client, collection: Client.all, label_method: :name, value_method: :id, prompt: "Choose a Client", required: true, input_html: { id: 'client-select2' } %>
    <%= f.submit %>
<% end %>

application.html.erb has

<%= javascript_include_tag 'application' %>

I think you need to state your problem better in order to get any valuable help. Be more specific about what part that's not working. — gernberg
– gernberg, Commented May 29, 2014 at 21:50
See if this helps. You may need to enclose your javascript in jQuery function. — kiddorails
– kiddorails, Commented May 29, 2014 at 21:57
@gernberg I tried to clarify my question, please check above — lightbots
– lightbots, Commented May 29, 2014 at 22:19
@kiddorails that refers to coffee script, I am not using any coffee script — lightbots
– lightbots, Commented May 29, 2014 at 22:36

Jean-François Fabre · Accepted Answer · 2019-05-16 21:23:18Z

2

The reason could be that select2 and/or jQuery is included after your application.js,

If for instance, if the order is:

//=require_self
//=require select2
//=require jquery

The jquery/select2 functions will not be available in application.js since application.js is included before.

edited May 16, 2019 at 21:23

Jean-François Fabre♦

141k24 gold badges179 silver badges246 bronze badges

answered May 29, 2014 at 22:51

gernberg

2,61718 silver badges21 bronze badges

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

3 Comments

lightbots Over a year ago

I was missing require_self, oboi. Thanks

lightbots Over a year ago

If I put the js code in assets/javascript/orders.js and add require orders in application.js would the code work? would that be the right way to do this sort of stuff?

lightbots Over a year ago

ah it worked putting it in orders.js if I add require orders under the require self, perfect

Collectives™ on Stack Overflow

JavaScript Rails code not working in application.js

views/orders/_form.html.erb

application.html.erb has

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

views/orders/_form.html.erb

application.html.erb has

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related