jQuery的颜色选择器错误

我试图从eyecon.ro/colorpicker实现了jQuery 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不起作用。关于如何摆脱这个错误的任何建议？

来源

2012-03-20 coletrain

是否包含之前或jQuery库后的插件？确保在*之后包含*。 – 2012-03-20 16:33:58

你能发布你的html吗？ – 2012-03-20 16:34:25

@cory jQuery库后，我已经更新代码 – coletrain 2012-03-20 16:39:22

<script type="text/javascript" src="jQuery/jquery-1.6.4.min.js"></script> 
    <script type="text/javascript" src="js/colorpicker.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
          var borderColor; 

      $('#tbcontentBorder').ColorPicker({ 
       onSubmit : function(hsb, hex, rgb, el) { 
        $(el).val('#' + hex); 
        $(el).ColorPickerHide(); 
        borderColor = $('#tbcontentBorder').val(); 
        $('#news').css('border-color', borderColor); 
       }, 
       onBeforeShow : function() { 
        $(this).ColorPickerSetColor(this.value); 
       } 
      }).bind('keyup', function() { 

       $(this).ColorPickerSetColor(this.value); 

      }); 
     }); 

    </script>

HTML

<div class="textBoxHolder"> 
     <label >Select Color</label> 
     <input type="color" id="tbcontentBorder" /> 
    </div>

它的工作对我罚款

来源

2012-03-20 17:10:13

在我的终端有一个错误，所以我不得不重新启动我的服务器，并从那里一切工作。我也有'$ .noConflict（）;'给我的js文件 – coletrain 2012-03-20 20:24:50

@coletrain：确保你正确使用'noConflict（）'模式。这个函数返回一个变量，它就是你应该使用的变量而不是'$'（例如'var $ j = jQuery.noConflict（）; $ j（'＃selector'）。something（）;'）。 – 2012-03-20 21:38:35

您是否添加了文本框控件，即<input type="text"/>？在你的html 给文本框提供一个ID来选择颜色。

来源

2012-03-20 16:42:20

以上我不这么认为。你能写出一个例子吗？ – coletrain 2012-03-20 16:49:00

jQuery的颜色选择器错误

回答

相关问题