Uncaught TypeError: $ (...). Selected не является функцией в приложении rails

Question

Я использую выбранную библиотеку в своем приложении rails и сталкиваюсь с ошибкой «Uncaught TypeError: $ (...). Selected не является функцией».

Я установил, используя npm:

"npm install chosen-js"

Код:

<div data-controller="dropdown">
<select id="abcMenu" class= "chosen-select" data-action="dropdown#abc">
    <option value="/abc">A</option>
    <option value="/xyz">B</option>
    <option value="/def">C</option>
</select>
</div>

/ app / assets / javascripts / application.js

//= require rails-ujs
//= require jquery
//= require turbolinks
//= require local-time
//= require moment
//= require_tree .

$(document).ready(function(){
  $(".chosen-select").chosen()
});

Я что-то здесь упускаю?

Answer 1

Попробуйте применить chosen через turbolinks:load событие:

$(document).on('turbolinks:load', function() {
  $(".chosen-select").chosen();
});

Answer 2

Я думаю, вам нужно скопировать файл javascript в каталог app / assets / javascripts, а затем запросить его в application.js. Я не думаю, что npm сделает это за вас.