Javascript 将所选JQuery插件添加到我的HTML

我尝试将Selected的插件集成到我的HTML中，以增加下拉功能。我添加了到所选样式表、JQuery和所选的JQuery的链接。此外，我还通过JQuery创建了一个类以包含在标记中。你知道为什么它不起作用吗

非常感谢

实验
$（函数（）{
$（“选择”）.select（）；
});
标题
清洁的
打捞
重建
所有权状态
在掌控中
留置权
丢失的
头衔统计
在掌控中
留置权
丢失的
丢失的
丢失的

问题完全在于您的

类型是

text/text/javascript

。将它们更改为

text/javascript

，脚本将按预期工作

还请注意，您在上述代码中缺少结束语

我已经解决了这个问题，并在下面使用了绝对脚本引用：

实验
$（函数（）{
$（“选择”）.select（）；
});
标题
清洁的
打捞
重建
所有权状态
在掌控中
留置权
丢失的
头衔统计
在掌控中
留置权
丢失的
丢失的
丢失的

我与这个Gem搏斗，最终通过查看页面顶部的以下脚本使它工作（感谢Mezbah的建议）：

src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css">

<script>
    $( document ).ready(function() {
        $('.chosen-select').chosen({
            allow_single_deselect: true,
            no_results_text: 'No results matched',
            width: '80%'
        })
    });
</script>

---

将函数包装到document.ready event中似乎仍然不适合我。下拉列表未使用所选样式或特征设置格式。我真的很感激你的纠正！

<%= form.select :school_ids, School.where(state: "IL").all.map { |k| [k.name_city, k.id] },
    { include_blank: true, label: "Select Schools"},
    { :multiple => true, class: 'chosen-select', :data => {:placeholder => "Select School(s)"}} %>

//= require jquery3
//= require popper
//= require bootstrap
//= require rails-ujs
//= require chosen-jquery
//= require_tree .