1

昨天我正在使用引导颜色选择器： 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'

我不明白是什么导致了这个错误。

4

2 回答 2

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需要元素为类型输入。

于 2013-07-27T07:24:41.807 回答
1

我刚刚遇到这个并想贡献我的“修复”：

jquery 被包含两次

于 2014-02-19T00:20:21.967 回答