スクリプトをビューからapplication.jsに移動する方法

Question

これは私にとってはうまくいくコードですが、それはビューにあり、私はapplication.jsに移動したいので、私は別のフォームで使うことができます。

もう1つは、同じことをする2つのスクリプトがあることです。 1つはチェックボックスをクリックしたとき、もう1つはページを読み込むときにチェックされているかどうかをチェックするときです。それらをマージしてコードを繰り返す必要はありませんか？

<script type="text/javascript"> 
    function hideAddress() 
    { 
     if($('#same').is(":checked")) 
      $("#mailing-address").hide(); 
     else 
      $("#mailing-address").show(); 
    } 
</script> 
<script type="text/javascript"> 
    $(document).ready(function hideAddress() { 
     { 
      if ($('#same').is(":checked")) 
       $("#mailing-address").hide(); 
      else 
       $("#mailing-address").show(); 
     } 
    }); 
</script> 

編集

私は、スクリプトタグなしapplication.jsに移動しようとしたが、私はページをリロードしない限り、今.ready機能が動作しません。

$(document).ready(hideAddress); 


    function hideAddress() 
    { 
     if($('#same').is(":checked")) 
      $("#mailing-address").hide(); 
     else 
      $("#mailing-address").show(); 
    } 

Answer 1

だから、turbolinksのように見えるが正しく動作しない準備ができて文書化になり、その代わりに(document).readyの私は$(document).on('turbolinks:load'をしなければなりませんでした。

だから、私はapplication.jsに

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 


    $(document).on('turbolinks:load', hideAddress); 

    function hideAddress() 
    { 
     if($('#same').is(":checked")) 
      $("#mailing-address").hide(); 
     else 
      $("#mailing-address").show(); 
    }