Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.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 使用频谱';s openWithLink_Javascript_Jquery - Fatal编程技术网

Javascript 使用频谱';s openWithLink

Javascript 使用频谱';s openWithLink,javascript,jquery,Javascript,Jquery,我试图让光谱颜色选择器工作,因为它是在他们的文件;我想使用一个按钮来切换颜色选择器,以保持界面整洁。不管什么原因,它都不起作用 $(“#btn切换”)。单击(函数(){ $(“切换”).频谱(“切换”); 返回false; }); 切换您缺少HTML&JS的一个关键部分-您实际上没有为光谱颜色选择器创建输入,也没有初始化它 您复制的JS代码片段只是如何触发现有光谱颜色选择器的切换方法的一个示例;但您仍然需要设置颜色桩本身 将以下内容添加到您的HTML: <input type='tex

我试图让光谱颜色选择器工作,因为它是在他们的文件;我想使用一个按钮来切换颜色选择器,以保持界面整洁。不管什么原因,它都不起作用

$(“#btn切换”)。单击(函数(){
$(“切换”).频谱(“切换”);
返回false;
});


切换
您缺少HTML&JS的一个关键部分-您实际上没有为光谱颜色选择器创建输入,也没有初始化它

您复制的JS代码片段只是如何触发现有光谱颜色选择器的
切换
方法的一个示例;但您仍然需要设置颜色桩本身

将以下内容添加到您的HTML:

<input type='text' id="toggle" />
完整的工作示例如下:


另外,在您的示例HTML中,在Spectrum之后加载jQuery,但是由于Spectrum插件需要jQ,您需要先加载它,否则会得到一个
jQuery未定义的
错误。

太棒了,干杯!我不明白这是怎么回事。切换方法是如何在文档中显示“带链接打开”方法的?当我点击一个按钮时,我将如何隐藏该框并仅显示选择器/选择器?如果你愿意,我可以提出一个新问题。再次感谢。当然,您可以应用CSS来隐藏小部件初始化时创建的
.sp replacer
元素;然后,您的按钮将是切换颜色选择器的唯一方式,它听起来像是您想要的。规则应该是
.sp replacer{display:none}
-我已经分叉了JSFiddle来包含这一点&其他一些操作(比如在隐藏时访问颜色选择器的选定值)如下:祝福你,先生!
$("#toggle").spectrum({
    color: "rgb(255, 235, 205)"
});
// or even just $("#toggle").spectrum(); to initialize it with the default color