onSubmit事件后如何关闭颜色选择器?

时间:2020-03-12 02:58:31

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

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') 但这没有用,但是破坏了一切。

1 个答案:

答案 0 :(得分: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
}
});
相关问题