昨天我使用的是自举颜色选择器: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'
我不明白导致此错误的原因。
答案 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包含两次