在 jquery 调色板颜色选择器插件中设置初始颜色答案

【问题标题】：set initial color in jquery palette color picker plugin在 jquery 调色板颜色选择器插件中设置初始颜色
【发布时间】：2018-12-14 03:09:25
【问题描述】：

我正在使用以下 js 插件：

https://github.com/carloscabo/jquery-palette-color-picker

初始化时的默认颜色状态是色样图标。但是，我想通过 jquery 将初始颜色设置为我选择的颜色。

这个插件可以实现吗？

示例：

$(document).ready(function(){
  $('[name="UNIQUE_NAME"]').paletteColorPicker();
});

页面加载将如下所示：

但我希望它像这样开始：

有没有我可以写的类似的东西？

$('[name="UNIQUE_NAME"]').paletteColorPicker('#ff77b');

【问题讨论】：

请提供您的代码示例，并说明您实际需要实现的目标，以便我们为您提供帮助！
当然，我已经添加了一个示例。

标签： javascript jquery color-picker

【解决方案1】：

您需要使用您的输入元素value 属性。因此，如果您使用此代码来设置您的调色板选择器：

$(document).ready(function() {
  $("#your-input-element").paletteColorPicker({
    colors: [
      { "primary": "#E91E63" },
      { "primary_dark": "#C2185B" },
      { "primary_light": "#F8BBD0" },
      { "accent": "#CDDC39" },
      { "primary_text": "#212121" },
      { "secondary_text": "#727272" },
      { "divider": "#B6B6B6" }
    ],
  });
});

你可以默认为primary_dark，方法是在你的 HTML 中这样设置：

<input
  type="text"
  id="your-input-element"
  name="whatever"
  value="primary_dark"
/>

如果您不使用对象，而是提供字符串数组作为调色板，则可以将其设置为其中一个字符串。

【讨论】：