2011-03-06 19 views
0

我的软件与jquery jpicker一起工作良好。我得到一个颜色,如FF0000,但我想添加“#”,同时输入信息#FF0000。我假设你在回调期间这样做,但我无法弄清楚。如何在jpicker中添加我的颜色之前的##

而且,我希望能够进入“红色”或“蓝色”,但似乎有一个按键提交未允许它。

谢谢。

+0

你为什么不张贴一些代码,以便人们可以看到你在做什么。 – 2011-03-06 14:56:32

回答

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); 
    } 
}); 
+0

我可以看到颜色选择器的通用示例,但结果是前面没有'#'的6位数颜色...我希望在选择颜色时在文本输入框中显示'#'。谢谢。 – 2011-03-07 01:47:28

0

你必须编辑jpicker-1.1.6.js此:

行〜455(对于它的变化里面输入 - 实时编辑)...

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(对于它的变化里面输入 - 编辑后)...

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 : '');
相关问题