Javascript jquery颜色选择器插件

我正在我的web应用程序中使用这个jquery颜色选择器插件。一切都很完美，但当我尝试在调色板中将原始颜色设置为“BeforeShow”时，它不起作用

HTML

我使用的是onChange，onSubmit这两种方法都有效，但不适用于onBeforeShow。我甚至没有在节目开始前收到的警告信息

我需要的是在显示之前，在调色板中设置#ncolor的背景色。为什么它甚至没有在展会前进入？有人能指引我吗

---

谢谢

onBeforeShow似乎不会在平坦模式下启动

在展开模式下，您可以使用

color

属性设置初始颜色：

.ColorPicker({flat: true, color: '#00ff00'});

请注意，在Firefox中，$（“#ncolor”）.css（“背景色”）返回rgb（，）格式的字符串。

color

接受#字符串（#00ff00）或类似于{r:0，g:255，b:0}的rgb对象

因此，您可能需要先进行一些转换

此外，在您的代码中，每次单击都会调用

.ColorPicker（）

。这是不必要的

相反，您可以调用

.ColorPicker（）

一次来设置ColorPicker。然后单击只需调用

.ColorPickerSetColor（）

和显示/隐藏函数

例如：

$(document).ready(function(){
    $("#ncpicker").ColorPicker({
        flat: true,
        // Initial colour here:
        color: '#0000ff'
    });
    $("#ncolor").click(function(){
        // Use your dynamic colour here - may change each time:
        $('#ncpicker').ColorPickerSetColor('#00ffff');

        // Put here your showing/hiding functionality.
    });
});

此处的快速示例：

---

（根据示例显示和隐藏）。

您使用的浏览器是什么？IE可能会在最后一个逗号}上中断，它在任何浏览器上都不起作用。我检查了它：（嗯……也许在上面的例子中你错过了一行，但是你没有关闭点击处理程序——你需要另一个

}）抱歉@jfrej这是我在这里犯的一个错误，不是在我的实际代码中。不，它只是第一次起作用。我想在单击并更改时设置colopickersetcolor。“不，它只在第一次工作。”-什么工作？onBeforeShow？如何避免每次单击时调用.ColorPicker（）？当我单击#ncolor时，它将显示我在color属性中给定的正确颜色，但当我关闭并再次单击时，颜色将从初始颜色更改为#00ff00，我希望为每次单击设置$（#ncolor”）.css（“背景色”）十六进制值，它必须自动改变。但我不能像这里展示的那样
.ColorPicker({flat: true, color: '#00ff00'});

$(document).ready(function(){
    $("#ncpicker").ColorPicker({
        flat: true,
        // Initial colour here:
        color: '#0000ff'
    });
    $("#ncolor").click(function(){
        // Use your dynamic colour here - may change each time:
        $('#ncpicker').ColorPickerSetColor('#00ffff');

        // Put here your showing/hiding functionality.
    });
});