评论：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，然后下面的元素绑定更改为元素绑定即可

asd30
2018/8/1 17:39:09
同问

小枕头0
2018/12/25 15:20:14
可以啊，我的就可以啊

honeyguo1230
2018/3/6 19:25:18
找到方法了吗，求告知，谢谢

如朕亲临0
2018/3/13 9:00:37
解决的吗》求告知

honeyguo1230
2018/3/15 14:07:56
求告知

asd30
2018/8/1 17:38:18
求告知

小枕头0
2018/12/25 15:20:50
都不会看文档的么，里面写的清清楚楚，是在方法的回调里获取

hardworking0
2019/1/8 13:41:06

var currentColor = "";
$('#picker').colpick({
   flat:false,
   onChange:function(a,b,c){//b:为一个颜色
       currentColor = b;
       console.log(a,b,c);
   },
   onSubmit:function(){//ok之后的确认事件
       console.log(currentColor);
   }
});

hardworking0
2019/1/8 13:58:33

onSubmit: function(hsb, hex, rgb, el) {
    $(el).css('background-color', '#' + hex);
    $(el).colpickHide();
}

感谢分享

@microsoftvs 你好 请教个问题，放在情境下 table追加一行中 效果没有；

代码如下：

// 获取id为tab的table表单    
var tab = document.getElementById('table_test');
// 获取id为x的行号，在x的行号上加一作为插入行的行号     
var n = document.getElementById('tr_1').rowIndex + 1;
// tr为tab表单下行号为n的行     
var tr = tab.insertRow(n);
var td = tr.insertCell(0);
td.innerHTML = '<div class="color-box"><input type="hidden"/></div>';