onSubmit 事件后如何关闭颜色选择器？答案

【问题标题】：How to close colorpicker after onSubmit event?onSubmit 事件后如何关闭颜色选择器？
【发布时间】：2020-03-12 02:58:31
【问题描述】：

Library Link

我正在使用上述库，但无法找到任何地方，我如何通过选择任何颜色来关闭它而不实际单击屏幕中的任何位置（他们必须使用模糊）。

$('#colorSelector'+dynamicID).ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onSubmit: function (hsb, hex, rgb) {
        $('#colorSelector'+dynamicID).css('backgroundColor', '#' + hex);
    }
});

我试过用这个 $(selector).colorpicker('close') 但它没有用，反而破坏了一切。

【问题讨论】：

大胆猜测，但试试 $(selector).colorpicker.hide()?

标签： javascript jquery frontend color-picker eyecon-plugin

【解决方案1】：

尝试在提交按钮上关闭颜色选择器

$('#colorSelector'+dynamicID).ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
    $(colpkr).fadeIn(500);
    return false;
},
onHide: function (colpkr) {
    $(colpkr).fadeOut(500);
    return false;
},
onSubmit: function (hsb, hex, rgb) {
    $('#colorSelector'+dynamicID).css('backgroundColor', '#' + hex);
    $('#colorSelector').hide(); // closes the color picker on submit after selection of color
}
});

【讨论】：