评论：jQuery颜色选取器插件COLPICK  [查看原文]

所属分类：输入-拾色器

 183820  373  45
当前第1页 / 共2页
    血0
    2020/9/28 11:48:09
    不是 你这，我不会用啊，怎么外部显示都做不得 回复
    叶子0
    2019/7/30 17:50:57
    我的点击按钮展示选色器，点ok后关闭，再点按钮就打不开了？ 回复
    熟悉的陌生人0
    2019/4/19 11:15:23
    文档在哪呢?我没找到啊 另外那个onSubmit事件是怎么触发的 回复
    hardworking0
    2019/3/29 16:42:45
    初始化后不可以编辑颜色值，怎么办？
        hardworking0
        2019/3/29 21:18:43
        模态框中不要写tabindex即可
    回复
    hardworking评论奖励 1 jQ币
    2019/2/14 11:45:32

    动态设置初始化的颜色：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    //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();
        }
    });
    回复
    愿??关仍?少年0
    2018/12/29 8:53:28
    PRINT_R0
    2018/8/21 15:39:36
    大佬，模态框怎么调用额鹅鹅鹅
        hardworking评论奖励 1 jQ币
        2019/1/10 20:50:15
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12
        13
        14
        15
        16
        17
        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，然后下面的元素绑定更改为元素绑定即可

    回复
    GitHubbutterflymail0
    2018/7/20 10:54:22
    多个触发颜色选择器面板，id是随机加上去的？我一个页面中有好多同时加的颜色面板该怎么获取哪一个是当前触发的颜色面板 回复
    ⑩魄0
    2018/6/7 13:53:50
    我想说，说明的那个界面就不能用中文来说明吗，啊啊啊啊 回复
    战斗民族逗逼孩子0
    2018/4/24 9:45:49
    webpack 打包报错
    index.js?bc66:103 Uncaught TypeError: $(...).colpick is not a function
    at window.onload (index.js?bc66:103) 回复
    前方单行道0
    2017/12/7 15:31:00
    在模态框中使用调不出来拾色器。怎么解决？
        asd30
        2018/8/1 17:39:09
        同问
        小枕头0
        2018/12/25 15:20:14
        可以啊，我的就可以啊
    回复
    ?蒺描淡?の??0
    2017/12/1 18:53:22
    我想问一下选择完成之后是怎么获取颜色的。
        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
        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        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
        1
        2
        3
        4
        onSubmit: function(hsb, hex, rgb, el) {
            $(el).css('background-color', '#' + hex);
            $(el).colpickHide();
        }
    回复
    雨天0
    2017/11/29 17:41:13
    颜色选择器消失后，怎么获取它的选择的颜色的 回复
    ι　瞬间0
    2017/3/15 14:43:42
    lylrian0
    2017/2/19 16:03:14

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

    代码如下：

    1
    2
    3
    4
    5
    6
    7
    8
    // 获取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>';
    回复

讨论这个项目（45）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复