Реализация Select2 в html.slim в Rails

Question

Я пытаюсь реализовать раскрывающийся список с помощью функции select2 gem в рельсах. Я установил камень, добавив его в файл Gem и установив пакет.

я держал следующую команду в файле application.js

//= require select2 

я держал следующую команду в .css файле

/* 
*= require select2 
*/ 

Это HTML для html.slim

<select class="select required w-input text-field w-select positive" id="user_country_id" name="user[country_id]" required="required"><option value=""></option> 

Это код html.slim, который необходимо реализовать с помощью select2

.w-row 
      = form.association :country, as: :select, wrapper_html: {class: 'w-col w-col-6 w-sub-col'}, input_html: {class: 'w-select', required: true}, required: true 

Я попытался добавить идентификатор в select2 js метод, указанный в документации, но его не работает для меня.

javascript: 
    | $(document).ready(function() { $("#user_country_id").select2(); }); 

Я новичок здесь. Любая помощь в том, как реализовать select2 в html.slim с использованием ассоциации, оценивается. Спасибо.

Answer 1

помещать вызов JavaScript в вашем тонком файле, в нижней части всей страницы, но удалить функцию Document.ready следующим образом:

javascript: 
    $("#user_country_id").select2(); 

Поскольку вы вызываете его после рендеринга избранных, вы не» t необходимо снова позвонить Document.ready.

А если вы предпочитаете использовать CoffeeScript:

coffeeview: 
    $('#user_country_id').select2