jQuery（...）。虹膜不是函數

我試圖實現這裏提供的顏色選擇器http://automattic.github.io/Iris/ 這裏是我包括我的庫。jQuery（...）。虹膜不是函數

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
<script src="js/iris.min.js"></script>

和我這是怎麼實現這個代碼

$(document).ready(function() { 
     jQuery('#color-picker').iris(); 
});

這是我有我的輸入字段

<input type="text" id='color-picker' value="#bada55" />

，但我不爲什麼我得到這個錯誤

TypeError: jQuery(...).iris is not a function 
jQuery('#color-picker').iris();

來源

2014-02-26 temp-learn

只包含jQuery庫的一個版本 –

首先，你不止一次地包括jquery ......除了一個以外，全部刪除。其次，你確定'js/iris.min.js'是否是正確的路徑？檢查瀏覽器開發工具的JavaScript控制檯和網絡選項卡是否有錯誤。 –

@JasonP：我剛剛檢查了是否可以打開我在文件中提醒的'js/iris.min.js'，並且得到了'alert（）'，我也刪除了1個jquery，但結果仍然相同 –

看起來像路徑到您的iris腳本是錯誤造成的瀏覽器無法加載文件。因此，您可以再次檢查以查看路徑js/iris.min.js是否正確。

您可以通過轉到Firebug或Chrome開發人員工具的網絡選項卡來查看您的文件是否已加載。如果無法加載您提供的網址，則會在此標籤中收到404 error not found。

或者你也可以嘗試更換：

<script src="js/iris.min.js"></script>

有直接的聯繫，從Github：

<script src="https://github.com/Automattic/Iris/blob/master/dist/iris.min.js"></script>

最後值得注意的是，你只需要包括jQuery的一次，你可以選擇任一版本1.10.2或1.8.3，您知道該版本將與您的jQuery代碼兼容。

我想這應該是與iris腳本什麼錯在這裏，試圖直接從自己的主頁上使用此版本：

<script src="http://automattic.github.io/Iris/javascripts/iris.min.js"></script>

Fiddle Demo

來源

2014-02-26 14:09:48 Felix

我厭倦了在圖書館內發出警報，我下載了，並且我得到了警報我也可以在Firebug的網絡標籤中看到它，並且我沒有看到文件的任何錯誤 –

''給出了同樣的錯誤。 –

你使用wordpress嗎？ – Felix

刪除線，包括jQuery的1.8.3庫
確保路徑iris.min.js是正確的

來源

2014-02-26 14:08:49 martynas

是您的代碼放置在一種讓它在jQuery，jQueryUI和Iris加載之前運行的方式？確保你放置自己的腳本文件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
<script src="js/iris.min.js"></script> 

<script> 
$(document).ready(function() { 
    jQuery('#color-picker').iris(); 
}); 
</script>

來源

2014-02-26 14:15:28 Mathias

您需要鏈接到jQuery和jQuery UI，而不是兩次添加jQuery。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
<script src="js/iris.min.js"></script>

然後在頁面加載時調用虹膜，它將工作。這裏是一個工作小提琴的鏈接http://jsfiddle.net/WLru3/

PS：我已經直接在js代碼塊中複製虹膜的粘貼代碼，請改用代碼中的庫鏈接。

來源

2014-02-26 14:28:41 Gaurav

jQuery（...）。虹膜不是函數

回答

相關問題