无法调用 null 的方法“select2”

Cannot call method 'select2' of null

本文关键字：select2 方法调用 null 更新时间：2023-09-26

我正在尝试使用 Select2 库来显示类别列表。我现在有一个工作正常的<select>。

我在 html 中添加了 jquery、样式表、.js 文件和函数。

<link href="/select2/select2.css" rel="stylesheet"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script src="/select2/select2.js"></script>
<script>
    $(document).ready(function() { $("#listCategorie").select2(); });
</script>

但是，选择仍然正常显示，我在控制台中收到以下错误：

未捕获的类型错误：无法调用 null 的方法"select2"

这是我的选择：

<select id="listCategorie">
    <option value="0"></option>
    ....
</select>

似乎你和$有一些冲突，在你的情况下$并不意味着jQuery。因为即使选择器与任何元素不匹配，jQuery 也不会返回 null。相反，请尝试以下操作：

jQuery(document).ready(function() {
   jQuery("#listCategorie").select2(); 
});

检查要初始化select2()的元素的 ID 是否正确。
通过打开chrome开发者控制台（F12）检查jquery和select2库是否正确加载，然后转到源/资源选项卡。查看您的图书馆是否在那里。
请发布更多代码。这将有助于找出问题。

也许你需要jQuery Migrate ，因为这个插件可以弃用方法，然后它不适用于jQuery 1.9 +的版本