Javascript 如果从颜色类型输入中回退，如何设置光谱js的选项？

我使用Spectrum JS作为不支持

的浏览器的后备，在jQuery对象上调用
Spectrum
之前，您应该检查dom是否准备就绪，以及浏览器是否支持颜色输入

如图所示，当输入不受支持时，它将默认为文本

因此，假设您有一个id为picker的输入，您可以尝试以下操作：

$(document).ready(function() {
    var i, colorInputSupported;
    i = document.createElement("input");
    i.setAttribute("type", "color");
    colorInputSupported = i.type !== "text";

    if(!colorInputSupported){
      $("#picker").spectrum({
        // Here you put the options
        color: "#f00"
      });
    }
});

下面是这段代码的一部分

另一种选择是，spectrum支持通过
data
属性在HTML元素本身中设置选择器的选项。例如：

<input type='color' id="picker" data-color="#f00"/>



将生成以红色开始的颜色选择器，该颜色选择器将仅在不支持默认颜色选择器的浏览器中显示

这是一本书。要获得完整的选项列表，您可以在
中查看它们实际上，我没有调用函数。。。。。。如果您查看spectrum.js的文档，一旦包含库js文件，当浏览器不支持颜色输入时，它会自动替换颜色输入。所以，没有“调用函数之前”那么，你说“一次使用
$（element）.spectrum（）
”是什么意思？我觉得很清楚？这意味着我没有使用
$（element）.spectrum
，因为我希望为支持它的浏览器使用默认颜色输入。一旦检测到浏览器不支持，库将自动包含颜色选择器。很抱歉，我不确定我是否理解您的问题。在我看来，如果它仅在不支持默认颜色输入的浏览器中显示颜色选择器，则ne，那么它已经是一个后备功能了。它是一个后备功能，但问题是我无法传递选项变量，因为我没有调用该函数。你能详细说明你文章的最后部分吗？你说的“一次性使用
$（元素）。spectrum（）
"? 另外，您需要的和您提供的示例之间有什么区别？正如您所说的，在该示例中，它将仅使用spectrum作为后备，在允许它的浏览器中显示默认的颜色选择器