javascript - JS スクリプトは、現在のページを変更していない場合にのみ機能します

Question

Ruby on Rails で Web プロジェクトを作成しています。フォームをリセットするための小さなスクリプトを作成したmain.jsファイルが 内に保存されています。/app/assets/javascripts/

このスクリプトは、私が Web をサーフィンしていないときでも問題なく動作します。現在のページを変更すると、スクリプトが機能しなくなります。再び機能させるには、ブラウザからページをリロードする必要があります ( Cmd+Rまたはを使用F5)。

スクリプトはmain.jsコンパイルされるはずで、プロジェクトのすべてのページで利用できるはずですよね?

どうしたの？

のコードmain.js:

// Get rid of data in forms
jQuery.fn.reset = function () {
$(this).find("input, textarea, select").each (function() {
    if ($(this).is(':checkbox')) {
        $(this).prop('checked', false);
    }
    else {
        if (!$(this).is(':hidden') && !$(this).is(':submit')) $(this).val('');
    }
});
}

$(document).ready(function() {

    // Cancel button in forms
    $(".cancel").click(function() {
        $(document).reset();
    })
});

アプリケーション.js:

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_directory .