jquery - 重置 jquery minicolors 颜色值

Question

我已经成功地为我的网站实现了 minicolors。不过我有一个问题，如何使用新的十六进制颜色作为默认值或新值从点击事件创建一个新的 minicolors 实例？

这是我的代码的样子：

$('input.minicolors').minicolors({
        change: function(hex, opacity){
            console.log(hex);

        }
    });

//我尝试重新创建实例，不起作用

   $('input.minicolors').minicolors({
       value: '#ededed'
   });

score 13 · Accepted Answer

我知道这是一个老问题——但我今天试图这样做，结果到了这里。

当前版本的正确方法：

首先，初始化输入（如果是新的）

$('#someID').minicolors();

二、改变颜色

$('#someID').minicolors('value','#00FF00');

注意：您不能在同一步骤中结合初始化和设置颜色。但是，您可以通过将颜色存储在输入值中来预先设置颜色。

score 1 · Accepted Answer

查看他们的文档：

设置

获取或设置控件的设置。如果传入了新设置，则控件将销毁并使用覆盖旧设置的任何新设置重新初始化。

我从中得出结论，以下将做你想要的：

$('input.minicolors').minicolors('settings', {
  value: '#ededed'
});

score 0 · Accepted Answer

对我来说，使用此代码：

$("input.minicolors").val("#ffffff");

$('input.minicolors').minicolors('settings', {
    value: '#ffffff'
});

3 回答 3