使用link_to時Javascript沒有執行

Question

我有幾個javascript函數將操作附加到控制器視圖中的按鈕some/index。我使用link_to方法導航到some/index。但是當我使用link_to方法時，按鈕沒有附加的javascript動作（在some/index視圖中）。當我嘗試直接從我的瀏覽器打開some/index時，按鈕具有所需的所有附加操作，並且工作正常。

some.js.coffee

jQuery -> 
    $('.my-btn').on 'click', (event) -> 
    ... 

我認爲它可以不重視行動按鈕some/index當我使用的link_to，因爲它已經執行所有的JavaScript在root/index視圖和網頁不刷新當我使用link_to。 我該如何解決這個問題？仍然想用link_to）

Answer 1

這是Turbolinks的結果。你可以解決這個問題有以下幾點：

$(document).on 'click', '.my-btn', (event) -> 
    ... 

這是發生，因爲Turbolinks加載頁，並沒有被解僱的文檔準備好事件。你想等Turbolinks發動page:load事件。

您不需要帶上述代碼的jQuery ->。