Как закрыть палитру цветов после события onSubmit? - PullRequest
0 голосов
/ 12 марта 2020

Ссылка на библиотеку

Я использую указанную выше библиотеку, но не могу нигде найти, как ее закрыть, выбрав любой цвет, фактически не щелкая в любом месте экрана (они должны использовать размытие).

$('#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 Ответ

1 голос
/ 12 марта 2020

Попробуйте закрыть палитру цветов на кнопке отправки

$('#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
}
});
...