JavaScript Rails代碼在application.js中不起作用

Question

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

如果我將上面的代碼放置到application.js，它不會響應，但是如果我將它放置在_form.html.erb文件中，它就會響應。 有人知道為什么嗎？

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有

<%= javascript_include_tag 'application' %>

Answer 1

原因可能是在application.js之后包含了select2和/或jQuery，

例如，如果訂單是：

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

jquery / select2函數在application.js中將不可用，因為之前已包含application.js。