Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 光谱颜色选择器:显示原始输入字段_Javascript_Jquery_Color Picker - Fatal编程技术网

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
?在这里工作正常: