未捕獲的類型錯誤：對象[對象的對象]無方法 '的ColorPicker'

昨天我所用的自舉顏色選擇器：http://www.eyecon.ro/bootstrap-colorpicker/未捕獲的類型錯誤：對象[對象的對象]無方法 '的ColorPicker'

的簡單的HTML代碼是：

<link rel="stylesheet" href="vendor/colorpicker/css/colorpicker.css"> 

    <div class="colorpicker" id="yellow"> 
     <a href=""></a> 
    </div> 

<script src="vendor/colorpicker/js/colorpicker.js"></script>

JS的是：

$ ('. colorpicker'). colorpicker()

不幸的是，我沒有任何影響，因爲在谷歌瀏覽器的控制檯，我這個錯誤：

Uncaught TypeError: Object [object Object] has no method 'colorpicker'

我不明白是什麼導致了這個錯誤。

來源

2013-07-27 Marco Gurnari

空間具有意義... – elclanrs

那是如此富有詩意！ – nirazul

假設您有在$(document).ready(function() {這個代碼

$ ('. colorpicker'). colorpicker()

應該

$('.colorpicker').colorpicker()

或完整代碼

$(document).ready(function() { 
    $('.colorpicker').colorpicker(); 
});

編輯：這是我測試的頁面，這是工作。

<html> 
<head> 
<link href="http://www.eyecon.ro/bootstrap-colorpicker/css/colorpicker.css" rel="stylesheet"/> 
<link href="http://www.eyecon.ro/bootstrap-colorpicker/css/bootstrap.css" rel="stylesheet"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> 
<script src="http://www.eyecon.ro/bootstrap-colorpicker/js/bootstrap-colorpicker.js"> </script> 

<script> 
$(document).ready(function() { 
    $('.colorpicker').colorpicker(); 
}); 
</script> 

</head> 
<body> 
    <input class="colorpicker" id="yellow" /> 

</body> 
</html>

注：基本colorpicker需要單元的類型爲輸入。

來源

2013-07-27 07:24:41 bansi

謝謝你的迴應。我試着用你的代碼，但問題仍然存在。有沒有其他的可能性？ –

@Marco是的：您的代碼中沒有包含導致問題的代碼，或者您沒有包含必要的庫（例如bootstrap colorpicker庫）。您是否檢查過異常實際發生的位置？ – doppelgreener

我只是碰到了這個，想貢獻我的「修復」：

：jQuery是包含了兩次

來源

2014-02-19 00:20:21

未捕獲的類型錯誤：對象[對象的對象]無方法 '的ColorPicker'

回答

相關問題