Javascript 光谱颜色选择器:显示原始输入字段
我正在使用以下代码:Javascript 光谱颜色选择器:显示原始输入字段,javascript,jquery,color-picker,Javascript,Jquery,Color Picker,我正在使用以下代码: <script src="/js/spectrum.js" type="text/javascript"></script> <link rel="stylesheet" href="/css/spectrum.css" /> <script type="text/javascript"> jQuery(function() { var opts = { showInput: true,
<script src="/js/spectrum.js" type="text/javascript"></script>
<link rel="stylesheet" href="/css/spectrum.css" />
<script type="text/javascript">
jQuery(function() {
var opts = {
showInput: true,
className: "full-spectrum",
showInitial: true,
showPalette: true,
showSelectionPalette: true,
maxSelectionSize: 20,
preferredFormat: "hex"
};
jQuery( '#driverColor' ).spectrum( opts );
} );
</script>
...
<input type="text" name="driverColor" value="#ff0000" id="driverColor" />
jQuery(函数(){
变量选项={
showInput:true,
类名:“全谱”,
showInitial:对,
是的,
showSelectionPalette:true,
maxSelectionSize:20,
首选格式:“十六进制”
};
jQuery('#driverColor')。光谱(opts);
} );
...
当我点击颜色选择器时,原始输入字段也会出现:
我怎样才能修好它?
TIA这可能有点晚了,但在一个较旧的rails应用程序(2.3.4)中,我能够通过在输入样式中添加宽度、高度、边框和填充来强制原始输入字段不显示,例如:
<input id="your_id" name="your_field_name" type="text" style="width:0;height:0;padding:0;border:0;">
您能否提供一个
jsFiddle
?在这里工作正常: