Select 2 和 Jquery

Question

我正在尝试使用 select2 的基本示例，但它不起作用。

我把这个放在了我的页面的头部：

        <!-- select -->
        <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
        <script>
            $(document).ready(function() {
                $(".js-example-basic-single").select2();
            });
        </script>

我将 select 的 class 名称设置为 class = 'js-example-basic-single'

但控制台中没有任何反应，它向我显示未捕获的引用错误：jQuery 未定义在 select2.min.js:2

Answer 1

JQuery 库是否包含在网站中？如果没有，您可以在这里找到最新的库：http://code.jquery.com/jquery/

我更喜欢使用jquery-3.2.1.min.js，如本例所示：

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

Select 2 和 Jquery

Select 2 and Jquery

javascript

jquery-select2