javascript - 无法调用 null 的方法“select2”

Question

我正在尝试使用 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>

Answer 1

似乎您与 jQuery 有一些冲突，$并且在您的情况下$并不意味着 jQuery。因为即使选择器不匹配任何元素，jQuery 也不会返回 null。而是试试这个：

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

Answer 2

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

Answer 3

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