Javascript 光谱颜色选择器在Internet Explorer中不工作

Javascript 光谱颜色选择器在Internet Explorer中不工作,javascript,internet-explorer,color-picker,spectrum,Javascript,Internet Explorer,Color Picker,Spectrum,我正在一个javascript项目中使用光谱颜色选择器。 它在FireFox中运行良好,但在InternetExplorer中不起作用。花式颜色选择器弹出窗口降级为一个简单的文本输入字段。以下是创建输入字段的代码部分: function updateTables() { $("#tableTwo tbody").empty(); for (var i = 0; i < polygons.length; i++) { //var pColor = new RGBColor();

我正在一个javascript项目中使用光谱颜色选择器。 它在FireFox中运行良好,但在InternetExplorer中不起作用。花式颜色选择器弹出窗口降级为一个简单的文本输入字段。以下是创建输入字段的代码部分:

function updateTables() {
$("#tableTwo tbody").empty();
for (var i = 0; i < polygons.length; i++) {
    //var pColor = new RGBColor();
    var pColor = rgbaToHex(polygons[i].color);
    $("#tableTwo tbody").append('\n<tr '
                                + (selectedPoly == i ? 'style="color:white;background-color:red"' : '')
                                + '><td><input onchange="changeGeometryName(' + i + ')"'
                                + (selectedPoly != i ? 'onfocus="polySelectedFromTable(' + i + ')"' : '') + 'type="text" size="11" '
                                + 'id="polygonName' + i + 'Input"  value="' + polygons[i].name + '" /></td>' + "<td><input type='color'"
                                + ' onchange="setColor(' + i + ')" id="color' + i + '" value="' + pColor + '"/></td>' + "</tr>");
}
函数updateTables(){
$(“#Table tbody”).empty();
对于(var i=0;i
首先,spectrum文档对此有点混乱,所以我花了一些时间才找到,但一旦你找到答案,答案实际上是非常非常愚蠢的:

你没有使用频谱

因此,首先,文件上说:

如果只想为本机颜色输入提供多边形填充,最简单的方法是创建颜色类型的输入。一旦用户的浏览器支持本机颜色控件,它将选择使用其本机控件

所以,这就是我们试图做的,没有意识到我们并没有真正使用spectrum。相反,我们使用的是HTML 5颜色输入类型规范,IE不支持它(请参阅)

因此,要启用频谱,我们实际上需要调用频谱库,然后它就可以工作了:

$('#color' + id).spectrum({ color: pColor(, other-parameters-here)});
哦,嗨

首先,spectrum文档对此有点混乱,所以我花了一些时间才找到,但一旦你找到答案,答案实际上是非常非常愚蠢的:

你没有使用频谱

因此,首先,文件上说:

如果只想为本机颜色输入提供多边形填充,最简单的方法是创建颜色类型的输入。一旦用户的浏览器支持本机颜色控件,它将选择使用其本机控件

所以,这就是我们试图做的,没有意识到我们并没有真正使用spectrum。相反,我们使用的是HTML 5颜色输入类型规范,IE不支持它(请参阅)

因此,要启用频谱,我们实际上需要调用频谱库,然后它就可以工作了:

$('#color' + id).spectrum({ color: pColor(, other-parameters-here)});