Javascript Jquery颜色选择器不工作

我正在使用由提供的颜色选择器

Jquery代码是

$(document).ready(function () {
    $('#colorSelector').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);

    });
});

html:

---

它总是显示未捕获的TypeError:$（…）。ColorPicker不是一个函数。我试着调试jQuery，它加载得很好，但是当

ready

函数执行时，

ColorPicker

函数消失了。我也在使用ajax控件。这些控件会导致问题吗？

我认为您没有包含css或JavaScript。

---

请检查这一个是否有效。

我想您没有包括css或JavaScript。

---

请检查这一个是否正常工作。

我在单独的测试页面上进行了尝试，结果它正常工作。 我在colorpicker的js库中进行了更改，它开始工作了。 我认为因为ajaxcontrol，它无法工作

$（文档）.ready（函数（）{
$.fn.extend({
ColorPicker:MyColorPicker.init，
颜色选择器：MyColorPicker.hidePicker，
颜色选择器显示：MyColorPicker.showPicker，
ColorPickerSetColor:MyColorPicker.setColor
});
$（“#colorSelector”）.ColorPicker({
颜色：“#000”，
onShow：函数（colpkr）{
美元（colpkr）.fadeIn（500）；
返回false；
},
onHide:function（colpkr）{
$（colpkr）.淡出（500）；
返回false；
},
onChange：函数（hsb、十六进制、rgb）{
$（'#colorSelector'）.css（'backgroundColor'，'#'+hex）；
}
});
//            $('#')
});

我在单独的测试页面上进行了尝试，结果成功了。 我在colorpicker的js库中进行了更改，它开始工作了。 我认为因为ajaxcontrol，它无法工作

$（文档）.ready（函数（）{
$.fn.extend({
ColorPicker:MyColorPicker.init，
颜色选择器：MyColorPicker.hidePicker，
颜色选择器显示：MyColorPicker.showPicker，
ColorPickerSetColor:MyColorPicker.setColor
});
$（“#colorSelector”）.ColorPicker({
颜色：“#000”，
onShow：函数（colpkr）{
美元（colpkr）.fadeIn（500）；
返回false；
},
onHide:function（colpkr）{
$（colpkr）.淡出（500）；
返回false；
},
onChange：函数（hsb、十六进制、rgb）{
$（'#colorSelector'）.css（'backgroundColor'，'#'+hex）；
}
});
//            $('#')
});

是否包含colorpicker js？确保它存在并且加载正确（在jquery之后）。是的，它加载正确我已经调试了它加载正确的脚本，但在document.ready function时消失，并确保在jqueryCreate a之后加载colorpicker.js文件，并尝试重现该问题。我们需要更多的代码来诊断这个问题。什么是

news

选择器？您是否包括了colorpicker js？确保它存在并且加载正确（在jquery之后）。是的，它加载正确我已经调试了它加载正确的脚本，但在document.ready function时消失，并确保在jqueryCreate a之后加载colorpicker.js文件，并尝试重现该问题。我们需要更多的代码来诊断这个问题。什么是

news

选择器？您是否包括了colorpicker js？确保它存在并且加载正确（在jquery之后）。是的，它加载正确我已经调试了它加载正确的脚本，但在document.ready function时消失，并确保在jqueryCreate a之后加载colorpicker.js文件，并尝试重现该问题。我们需要更多的代码来诊断此问题。

news

选择器用于什么？

<input type="text" maxlength="6" size="6" id="colorSelector" value="00ff00" />

        $(document).ready(function () {
            $.fn.extend({
                ColorPicker: MyColorPicker.init,
                ColorPickerHide: MyColorPicker.hidePicker,
                ColorPickerShow: MyColorPicker.showPicker,
                ColorPickerSetColor: MyColorPicker.setColor
            });
            $('#colorSelector').ColorPicker({
                color: '#000',
                onShow: function (colpkr) {
                    $(colpkr).fadeIn(500);
                    return false;
                },
                onHide: function (colpkr) {
                    $(colpkr).fadeOut(500);
                    return false;
                },
                onChange: function (hsb, hex, rgb) {
                    $('#colorSelector').css('backgroundColor', '#' + hex);
                }
            });
            //            $('#<%=txtReserveType.ClientID %>')
        });

    </script>