如何在jpicker中添加#之前的颜色#

时间:2011-03-06 12:25:02

标签: jquery colors format

我的软件与jquery jpicker配合得很好。我得到的颜色如FF0000,但我想在输入信息时添加“#”以使其#FF0000。我假设你在回调期间这样做,但我无法弄明白。

此外,我希望能够输入“红色”或“蓝色”,但似乎有一个不允许的按键提交。

感谢。

2 个答案:

答案 0 :(得分:0)

this web page的底部,您可以看到示例。

$('#colorSelector').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#colorSelector div').css('backgroundColor', '#' + hex);
    }
});

答案 1 :(得分:0)

您必须为此编辑jpicker-1.1.6.js:

行~455(在INPUT中进行更改 - 实时编辑)...

bindedHex.val(bindedHex.val().replace(/[^a-fA-F0-9]/g, '').toLowerCase().substring(0, 6));

bindedHex.val(bindedHex.val().replace(/[^#a-fA-F0-9]/g, '').toLowerCase().substring(0, 7));


行~482(在INPUT内部进行更改 - 编辑后)......

bindedHex && bindedHex.val(color.val('hex'));

bindedHex && bindedHex.val('#'+color.val('hex'));


行~525(用于在颜色面板中更改它)...

if (bindedHex && context != bindedHex.get(0) && context != hex.get(0)) bindedHex.val(all != null ? all.hex : '');

if (bindedHex && context != bindedHex.get(0) && context != hex.get(0)) bindedHex.val(all != null ? '#'+all.hex : '');