jQuery颜色选取器插件COLPICK

hardworking0
2019/3/29 21:18:43
模态框中不要写tabindex即可

动态设置初始化的颜色：

//rgb转16进制
function zero_fill_hex(num, digits) {
    var s = num.toString(16);
    while (s.length < digits)
        s = "0" + s;
    return s;
}
function rgb2hex(rgb) {
    if (rgb.charAt(0) == '#')
        return rgb;
    var ds = rgb.split(/\D+/);
    var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]);
    return "" + zero_fill_hex(decimal, 6);
}
$('#picker').colpick({
    layout:'rgbhex',
    onBeforeShow:function(a){
        $(this).colpickSetColor(rgb2hex($(this).css("background-color")));
    },
    onSubmit:function(hsb,hex,rgb,el){//ok之后的确认事件
        console.log('#'+hex);
        $(el).css('background-color', '#'+hex);
        $(el).colpickHide();
    }
});

hardworking1
2019/1/10 20:50:15

defaults = {
    elem:"body"
},
if (options.flat) {
    cal.appendTo(this).show();
    cal.css({
        position: "relative",
        display: "block"
    })
} else {
    cal.appendTo($(options.elem));
    $(this).on(options.showEvent, show);
    cal.css({
        position: "absolute",
        "z-index":"999999999"
    })
}

增加一个默认body，然后下面的元素绑定更改为元素绑定即可