jQuery的工作，但只有当我重新加载页面

Question

我试图做红宝石动态选择框。 jQuery看起来像这样：

jQuery ->
$('#person_state_id').parent().hide()
states = $('#person_state_id').html()
$('#person_country_id').change ->
 country = $('#person_country_id :selected').text()
escaped_country = country.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/@])/g, '\\$1')
options = $(states).filter("optgroup[label='#{escaped_country}']").html()
if options
  $('#person_state_id').html(options)
  $('#person_state_id').parent().show()
else
  $('#person_state_id').empty()
  $('#person_state_id').parent().hide()

并且鉴于：

<%= f.grouped_collection_select :state_id, Country.order(:name), :states, :name, :id, :name, include_blank: true %>

它有效，但是...当我转到example.com/person/new上的页面时-它不起作用。 我必须重新加载页面-然后一切正常...为什么它在第一次访问时不加载JQuery？

Answer 1

在$(document).ready()内编写函数，以在列表框中加载项目。
此功能将在页面加载期间加载您的功能

$(document).ready(function() {
  //your function;
});

Answer 2

正如伊恩所说，

在Rails 4.0中，只需将其添加到您的Gemfile中：

宝石'jquery-turbolinks'

并将其保存到您的Assets / javascripts / application.js文件中：

// =需要jquery.turbolinks