无法调用方法'select2'null

我想使用Select2库来显示类别列表。我目前有一个正常工作的<select>。无法调用方法'select2'null

我在我的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>

然而，选择仍然正常显示，我得到以下错误控制台：

遗漏的类型错误：无法调用空

的方法“选择2”这是选择我有：

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

来源

2013-09-30 oliboon

'$（“＃listCategorie”）'不正确，返回null。 – Archer

选择ID设置为listCategorie，它存在于我的HTML中。它应该能够找到它，因为在加载DOM时调用该函数。 – oliboon

对不起，但这就是错误的含义。你是偶然在本地运行，还是在网络服务器上运行？如果在本地，是在本地主机上还是作为文件运行（'file：//'）？ – Archer

好像你有一些冲突与$和你的情况要去工作$没有按不代表jQuery。因为即使选择器不匹配任何元素，jQuery也不会返回null。相反，试试这个：

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

来源

2013-09-30 14:52:52 PSL

检查，如果你是在初始化select2()元素的ID是正确的。
检查是否通过打开Chrome开发者控制台（F12）正确加载jquery和select2库并转到sources/resources选项卡。看看你的图书馆是否在那里。
请发表更多代码。这将有助于发现问题。

来源

2013-09-30 14:32:05

我已经添加了我的选择与相应的ID。资源正确加载。 – oliboon

@oliboon我只是复制粘贴你的代码[这里]（http://jsfiddle.net/geUMw/）并添加你的库。事情似乎工作得很好。可能错误在别的地方... –

也许你需要jQuery的迁移，因为这个插件可以有不赞成的方法，然后，这不是用jQuery 1.9版本+

来源

2013-09-30 14:38:11 luiscdz

我试过了jQuery Migrate，但它仍然给我提供了同样的错误信息。 – oliboon

无法调用方法'select2'null

回答

相关问题