Простой идентификатор формы не обнаружен в jQuery

Question

Я использую простой гем формы в своем приложении ruby ​​on rails.В моем приложении я также использую ActiveStorage для хранения изображений.

Я использую Krajee jquery-файл для ввода

Я хочу иметь возможность загружать изображения, используя простой гем формы,Вот мой ввод:

<%= f.input :image, input_html: { id: :image_input } %>

Я должен инициализировать ввод с помощью этой команды (согласно документации)

<script>

  $(function() {

        // initialize with defaults
        $("#image_input").fileinput();

        // with plugin options
       $("#image_input").fileinput({'showUpload':false, 'previewFileType':'any'});

  });

</script>

Код jquery не скрывает ввод.Я проверил, установлен ли jQuery, и убедился, что он работает.Я предполагаю, что проблема где-то в том, как я создаю свое поле ввода, но я не слишком уверен.

Любая помощь приветствуется.

ОБНОВЛЕНИЕ

Когда я проверяю источник страницы, ввод имеет правильный идентификатор, однако стиль ввода устанавливается на display: none.Я предполагаю, что это как-то связано с библиотекой Краджи.

Я попробовал этот пост: Изменить идентификатор в простой форме

это не сработало.

Answer 1

Попробуйте это

$(document).ready(function(){
    // initialize with defaults
    $("#image_input").fileinput();

    // with plugin options
    $("#image_input").fileinput({'showUpload':false, 'previewFileType':'any'});
})

Answer 2

попробуйте сохранить идентификатор как строку вместо символа что-то вроде этого

html: {class: "form-horizontal quote-form", id: "send-quote-form", :multipart => true})