Question

我正在使用http://www.eyecon.ro/colorpicker/

提供的颜色选择器

Jquery Code是

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

Jquery颜色选择器无法正常工作

2 个答案: