私はeyecon.ro/colorpickerからjqueryのカラーピッカー(最後の1)を実現しようとしていますが、私は、実際のColorPicker何をクリックしたときにjqueryのは、ここでは、このエラーメッセージjqueryのカラーピッカーエラー
$("#colorSelector").ColorPicker is not a function
onChange: function (hsb, hex, rgb) {
を投げる表示されます私のコード
ですJS
// Colorpicker
$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector div').css('backgroundColor', '#' + hex);
}
});
HTMLファイルをファイル
<html>
<head>
<link rel="stylesheet" href="css/colorpicker.css" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />
<title>ColorPicker - jQuery plugin</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/layout.js?ver=1.0.2"></script>
</head>
<body>
<div class="wrapper">
<p>
<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
</p>
</div>
</body>
</html>
私はすべてのファイルを含んでおり、css colorpickerは機能していません。どのように私はそのエラーを取り除くことができるかに関する任意の提案?
あなたはjQueryライブラリの前または後に、プラグインが含まれていましたか? * after *を必ず含めてください。 –
あなたのhtmlを投稿できますか? –
@cory jqueryライブラリの後に、私は – coletrain