重置jquery minicolors颜色值

时间:2013-06-02 15:07:19

标签: jquery colors

我已成功为我的网站实施minicolors。我有一个问题,如何使用新的十六进制颜色作为默认值或新值,从click事件创建一个新的minicolors实例?

这是我的代码的样子:

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

        }
    });

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

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

3 个答案:

答案 0 :(得分:12)

我知道这是一个老问题 - 但我今天试图这样做并最终到了这里。

当前版本的正确方法:

首先,初始化输入(如果是新的)

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

其次,改变颜色

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

注意:您无法在同一步骤中组合初始化和设置颜色。但是,可以通过将颜色存储在输入值中来预先设置颜色。

答案 1 :(得分:1)

查看他们的文档:

  

设置

     

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

我从中得出结论,以下将做你想做的事:

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

答案 2 :(得分:0)

对我来说,使用这段代码:



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

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