jQuery拾色器不起作用

Question

我正在使用http://www.eyecon.ro/colorpicker/提供的顏色選擇器

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：

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

它始終顯示Uncaught TypeError: $(...).ColorPicker is not a function 。 我嘗試調試jQuery，並且可以完美加載，但是執行ready函數時， ColorPicker函數消失了。 我也在使用ajax控件。 那些控件會引起問題嗎？

Answer 1

我認為您沒有包含CSS或JavaScript。 請檢查此Jsfiddle的工作。

Answer 2

我在單獨的測試頁上嘗試過，它可以正常工作。 我在colorpicker的js庫中進行了更改，它開始工作。 我認為由於ajaxcontrol它不起作用

        $(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>