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