コーヒースクリプトはページ上で発火しませんが、ページの読み込み時に機能します。 [Rails 5]

Question

私は自分のレールプロジェクトでコーヒースクリプトを使用していますが、問題は、ページをレンダリングするときにページをロード（リフレッシュ）するときにのみ機能し、ページビューの変更でも機能するはずです。ここ

は、私が使用していたスクリプトです：

facebook.js.coffee

jQuery -> 
    $('body').prepend('<div id="fb-root"></div>') 

    $.ajax 
    url: "#{window.location.protocol}//connect.facebook.net/en_US/all.js" 
    dataType: 'script' 
    cache: true 


window.fbAsyncInit = -> 
    FB.init(appId: env["app_id"], cookie: true) 

    $('#sign_in').click (e) -> 
    e.preventDefault() 
    FB.login (response) -> 
     window.location = '/auth/facebook/callback' if response.authResponse 

    $('#sign_out').click (e) -> 
    FB.getLoginStatus (response) -> 
     FB.logout() if response.authResponse 
    true 

Answer 1

あなたは"turoblinks:load"

ready = -> 
    $('body').prepend('<div id="fb-root"></div>') 

    $.ajax 
    url: "#{window.location.protocol}//connect.facebook.net/en_US/all.js" 
    dataType: 'script' 
    cache: true 


window.fbAsyncInit = -> 
    FB.init(appId: env["app_id"], cookie: true) 

    $('#sign_in').click (e) -> 
    e.preventDefault() 
    FB.login (response) -> 
     window.location = '/auth/facebook/callback' if response.authResponse 

    $('#sign_out').click (e) -> 
    FB.getLoginStatus (response) -> 
     FB.logout() if response.authResponse 
    true 


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

を試すことができます

Answer 2

https://github.com/turbolinks/turbolinks#running-javascript-when-a-page-loads

document.addEventListener("turbolinks:load", function() { 
    // ... 
})