Select2 奇怪的下拉定位

Question

我正在尝试将 Select2 功能添加到我的下拉列表中，但是，Select2 列表的位置完全混乱了。见下文

代码：

js文件：

$(document).ready(function() {
    $(".js-Selector").select2({
        
        });
    });

html 文件:

<label for="input-time">Select local timezone: </label>

<p>
    <select class="js-Selector"></select>
</p>

可能是什么问题？

Answer 1

似乎缺少用于安装 Select2 下拉列表的样式。确保您已遵循 installation steps 并在样式表中包含 link。

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />