如何将Jquery Palette插件用于两个输入

Question

https://www.jqueryscript.net/demo/jQuery-Plugin-For-Simple-Color-Palette-Widget-palette/

我在jquery调色板插件中遇到了一些问题。当我将其用于一个ID时，它工作正常，但如果我在其他函数中将调色板函数与其他ID一起分配，则只有一个函数对第二个ID无效

我尝试了使用具有不同ID的两个不同输入的代码，但是当我单击某种颜色时，color的返回值仅用于一种功能而不是另一种功能（只有palatte2才对两个调色板发出警告。

$(document).ready(function() {
  $("#examplePalette").palette({
    length: 7,
    onSelect: function() {
      alert("palatte1");
      console.log(
        $(this)
          .find(".coloring")
          .attr("title")
      );
    }
  });
});

$(document).ready(function() {
  $("#examplePalette1").palette({
    length: 7,
    onSelect: function() {
      alert("palatte2");
      console.log(
        $(this)
          .find(".colorenter code hereing")
          .attr("title")
      );
    }
  });
});

我希望两个调色板的输出都不同，即当我单击调色板1中的某种颜色时，第一个功能应运行，调色板1应进入警报状态，当我单击第二个调色板中的某些颜色时，应运行第二个函数，调色板2应运行。显示在警报中。