未捕获的TypeError:对象[object Object]没有方法'colorpicker'

时间:2013-07-27 07:20:55

标签: javascript jquery html twitter-bootstrap

昨天我使用的是自举颜色选择器:http://www.eyecon.ro/bootstrap-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'

我不明白导致此错误的原因。

2 个答案:

答案 0 :(得分:8)

假设您在$(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需要元素作为输入类型。

答案 1 :(得分:1)

我刚刚遇到这个想要贡献我的'修复':

jquery包含两次