jquery - jQuery Mini Colors - 将不透明度 RGBA 保存到表单输入

Question

我试图让不透明度在 minicolors 中工作。我可以使功能正常工作，但无法将 RGBA 保存到输入字段。

好吧，那不是真的，当我选择一种颜色时，rgba 会发送到输入，但是一旦我单击色轮，输入就会清除。如何保存输入？

这是我用来获取不透明度的代码：

jQuery('.minicolors').minicolors({
    opacity: true,
    change: function(hex, opacity) {
         text = hex ? hex : 'transparent';
         if( opacity ) text += ', ' + opacity;
         text = jQuery(this).minicolors('rgbaString');
         jQuery(this).val(text);
    }
});

Answer 1

我猜这会jQuery(this).minicolors('rgbaString');返回一个empty string替换`value

jQuery('.minicolors').minicolors({
    opacity: true,
    change: function(hex, opacity) {
         text = hex ? hex : 'transparent';
         if( opacity ) text += ', ' + opacity;
         text = jQuery(this).minicolors('rgbaString');

         if(text.length) jQuery(this).val(text);
    }
});