Usando Document pronto com turbolinks

Normalmente, você digitaria essas linhas de coffescript ao usar o código que deve ser executado após a conclusão do carregamento do documento.

$(document).ready ->
  your code here

Mas em novas versões de trilhos o cabeçalho de exibição de layout da aplicação tem esse script ligados: data-turbolinks-track. Quando você clica em links com este valor de página definido como true, a página atualmente carregada é preenchida com novo conteúdo em vez de uma nova página sendo carregada. isso economiza tempo na solicitação de páginas e seus ativos padrão. mas adicionar novamente o conteúdo não aciona ‘$ (document) .ready ->’. No entanto, ele irá reiniciar todos os javascript e ler todas as linhas e funções novamente. É por isso que vamos alterar alguns valores na parte superior e adicionar alguns na parte inferior.

ready = ->
  Your code here

$(document).ready(ready)
$(document).on('page:load', ready)

pronto na linha 2 é uma variável que armazena uma função. Quando chamado, ele executará o código indentado.

Abaixo da versão javascript

var ready;
ready = function() {

  Your code here

};

$(document).ready(ready);
$(document).on('page:load', ready);