無法調用方法'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

回答

相關問題