昨天我在使用 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'
我不明白是什么导致了这个错误。
最佳答案
假设您在 $(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
需要输入元素。
关于javascript - 未捕获的类型错误 : Object [object Object] has no method 'colorpicker' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17895324/