indexデータの一括更新を行うプログラムでjavascriptが起動しない

Question

こんにちは。現在indexデータの一括更新を行うプログラムを組んでおります。

内容としてはindexにチェックボックスを付け、チェックをつけたものを一括で更新する設定となりますが、更新ボタンをクリックしてもjavascriptが起動しません。

現在止まっている点はgoogleで確認したところ、以下の点となります。

Uncaught SyntaxError: Unexpected end of input
rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:189 GET http://localhost:3000/customers/bulk_edit 404 (Not Found)
Rails.ajax @ rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:189
Rails.handleRemote @ rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:544
(anonymous) @ rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:146
rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:189 XHR failed loading: GET "http://localhost:3000/customers/bulk_edit".
Rails.ajax @ rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:189
Rails.handleRemote @ rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:544
(anonymous) @ rails-ujs.self-8944eaf3f9a2615ce7c830a810ed630e296633063af8bb7441d5702fbe3ea597.js?body=1:146
5extraction:58 Uncaught ReferenceError: gon is not defined
    at currenttime (extraction:58)

また、その他該当のプログラムは以下です。

  get 'customers/bulk_edit'
  put 'customers/bulk_update'

  def bulk_edit
    @ids = params[:ids]
  end

  def bulk_update
    @ids = params[:ids].split(" ")
    @ids.each do |id|
      c = Customer.find(id.to_i)
      c.update_attributes(
        status: params[:status]
      )
    end
    redirect_to request.referer
  end

 = link_to '一括更新', customers_bulk_edit_path, remote: true,id: "customer-uploads-link", class: 'command'

  id_checkes = function(ele){
    ids = $("input[type='checkbox'].customer-checkbox").filter(":checked").map(function(){
      return $(this).attr("id");
    }).get();
    $("#customer-destroy-link").attr("href", "/companies/bulk_destroy?" + $.param({"ids":ids}));
    mails = $("input[type='checkbox'].customer-checkbox").filter(":checked").map(function(){
      return $(this).data()["email"];
    }).get();
    var params = $("#customer-mail-link").attr("href").split("?")[1]
    $("#customer-mail-link").attr("href", "mailto:" + mails.join(",") + "?" + params);
    // $("#customer-mail-link").attr("href", "/companies/mail?" + $.param({"mails":mails}));
    comment_ids = $("input[type='checkbox'].customer-checkbox").filter(":checked").map(function(){
      return $(this).data()["commentId"];
    }).get();
    $("#comment-destroy-link").attr("href", "/comments/bulk_destroy?" + $.param({"ids":comment_ids}));
    $("#comment-uploads-link").attr("href", "/comments/bulk_edit?" + $.param({"ids":comment_ids}));


  }


  $(document).on('turbolinks:load', function(event) {
  //$(document).on('ready', function(event) {
          //customer/:id
      $(document).on("click", ".edit-link-show", function () {
        data = $(this).data()
        $("#" + data.v + "-show").addClass("none")
        $("#" + data.v + "-c-input-field").removeClass("none")
      });
      $(".c-input-field").keypress( function ( e ) {
      	if ( e.which == 13 ) {
          x = $('#customer-show-update').submit();
      	}
      } );
      $(".c-input-field2").keypress( function ( e ) {
      	if ( e.which == 13 ) {
          x = $('#customer-show-update2').submit();
      	}
      } );
      $(document).on("keypress", ".t-input-field", function (e) {
        if ( e.which == 13 ) {
          x = $('#todo-show-update').submit();
      	}
      });
      $(document).on("click", ".comment-edit", function () {
        data = $(this).data()
        $("#" + data.id + "-comment-body").toggle();
        $("#" + data.id + "-comment-edit-field").toggle();
      })

      $(document).on("click", ".comment-edit-detail", function () {
        data = $(this).data()
        $("#" + data.id + "-comment-edit-detail-field").toggle();
      })

      $(document).on("change", "#form-bulk-edit", function () {
        $(".form-bulk-edit-input").addClass("none")
        v = $(this).val()
        $("#form-" + v).removeClass("none")
      })



      $("#customer-index-table").tablesorter();
      $(".customer-checkbox").change(function(){
        id_checkes()
      });
      $(".all-customer-checkbox").click(function(){
        $('.admin-checkbox').prop('checked', this.checked);
        id_checkes()
      });

以上、ご教示よろしくお願い致します。

Answer 1

  $(document).on('turbolinks:load', function(event) {

これを閉じる});がなくて動かないんじゃないでしょうか。