select2 无法正确显示（使用 cdn）

Question

我正在尝试使用一些java插件来完成我的网站，我使用的是Symfony 4并且我使用CDN bootstrap twitter。

当我将 select2 插件放入模板中时，所有功能都正常工作，select2 插件确实可以正确应用。

但是，我不想直接从模板加载 select2，我想从中运行它，app.js但它无法正常工作，select2 插件已激活，但很奇怪，我将在下面向您展示结果。

这是我的 app.js 代码：

let $ = require('jquery');

require('../css/app.css');
require('select2');

$('select').select2();


console.log('Hello Webpack Encore! Edit me in assets/js/app.js');

我很抱歉我的英语不好，我会感谢大家阅读我的文章到最后！

Answer 1

您需要添加以下 3 条参考文献

$('select').select2({ width: '100%', placeholder: "Select an Option", allowClear: true });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet"/>


<select id='myselect'>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>

</select>