Javascript JQuery：如何动态更改颜色？

我正在使用jumble.js来混合文本的颜色，但是在动态设置用户输入的颜色时发现了困难

用户使用spectrum.js调色板选择颜色。我能够从rbg（xxx，xx，xx）中剥离rbg；给xxx，xx，xx。但无法将其传递到jumble调用方法中

这是我的密码

 $(document).on('click', '#cypher-branding-jumble-text', function () {
            var colour1 = $("#cypher-branding-jumble-colour1").spectrum("get");
            var colour2 = $("#cypher-branding-jumble-colour2").spectrum("get");

            colour1 = colour1.toRgbString();
            colour1 = colour1.replace('rgb(', '');
            colour1 = colour1.replace(')', '');
            colour1 = colour1.replace(' ', '');

            colour2 = colour2.toRgbString();
            colour2 = colour2.replace('rgb(', '');
            colour2 = colour2.replace(')', '');
            colour2 = colour2.replace(' ', '');

            var colour_1 = [colour1];
            var colour_2 = [colour2];            

            $('#cypher-branding-main-edit-right-txt-text').jumble(colour_1,colour_2,true,false); 
        });

---

混乱插件>

纳加潘的评论很好地解决了我的问题

是用来分开绳子的。修改代码如下

$(document).on('click', '#cypher-branding-jumble-text', function () {
            var colour1 = $("#cypher-branding-jumble-colour1").spectrum("get");
            var colour2 = $("#cypher-branding-jumble-colour2").spectrum("get");

            colour1 = colour1.toRgbString();
            colour1 = colour1.replace('rgb(', '');
            colour1 = colour1.replace(')', '');
            colour1 = colour1.replace(' ', '');

            colour2 = colour2.toRgbString();
            colour2 = colour2.replace('rgb(', '');
            colour2 = colour2.replace(')', '');
            colour2 = colour2.replace(' ', '');

            //modified lines using split
            var colour_1 = colour1.split(",");
            var colour_2 = colour2.split(",");

            $('#cypher-branding-main-edit-right-txt-text').jumble(colour_1,colour_2,true,false); 
        });

---

纳加潘的评论很好地解决了我的问题

是用来分开绳子的。修改代码如下

$(document).on('click', '#cypher-branding-jumble-text', function () {
            var colour1 = $("#cypher-branding-jumble-colour1").spectrum("get");
            var colour2 = $("#cypher-branding-jumble-colour2").spectrum("get");

            colour1 = colour1.toRgbString();
            colour1 = colour1.replace('rgb(', '');
            colour1 = colour1.replace(')', '');
            colour1 = colour1.replace(' ', '');

            colour2 = colour2.toRgbString();
            colour2 = colour2.replace('rgb(', '');
            colour2 = colour2.replace(')', '');
            colour2 = colour2.replace(' ', '');

            //modified lines using split
            var colour_1 = colour1.split(",");
            var colour_2 = colour2.split(",");

            $('#cypher-branding-main-edit-right-txt-text').jumble(colour_1,colour_2,true,false); 
        });

---

如果我正确阅读了Spectrum API，这应该可以减少字符串的无意义。我在Spectrum网站上验证了“get”调用可以使用toRgb（）

---

为什么有一个文档监听器来监听#cypher branding jumble text，应该是$（##cypher branding jumble text'）。单击（…）？

如果我正确阅读了Spectrum API，这应该可以减少无意义的字符串。我在Spectrum网站上验证了“get”调用可以使用toRgb（）

---

为什么有一个文档监听器来监听#cypher branding jumble text，它应该是$（##cypher branding jumble text'）。单击（…）？

这一行必须更改为color\u 1=a.split（，”），所以它将真正拆分为三个值并创建数组。颜色_2也一样。

这一行必须更改为颜色_1=a.split（“，”），因此它将真正拆分为三个值并创建数组。颜色2也一样。

您得到的错误是什么？@Nagappan，我没有任何错误。我认为这行必须更改为颜色1=a.split（“，”），因此它将真正拆分为三个值并创建数组。颜色也一样_2@Nagappan我试过做ths>var colour_1=[color1.split（“，”）；但没有成功？@Nagappan成功了！！：）对不起，我在前面的评论中犯了错误……我本应该去掉方括号的。非常感谢。您得到的错误是什么？@Nagappan，我没有发现任何错误。我认为这行必须更改为color_1=a.split（“，”），因此它将真正拆分为三个值并创建数组。颜色也一样_2@Nagappan我试过做ths>var colour_1=[color1.split（“，”）；但没有成功？@Nagappan成功了！！：）对不起，我在前面的评论中犯了错误……我本应该去掉方括号的。非常感谢。刚试过你的方法，效果很好。少读几行更好。侦听器部分我不确定..我将它们都包装在$（document）.ready（函数（）{有什么不同吗？@Orion如果按钮不移动，那么直接链接到按钮。当按钮移动或动态时，我通常使用.on（）逻辑。例如，我将使用$（'#table'）。on（'click'，'tr td.actions span.edit'.function（）{…}）允许我的动态编辑按钮一直工作。另外，您不需要$（文档）。准备好了，只需编写$（function（）{…}），jQuery将为您处理就绪部分。刚刚尝试了您的方法，效果很好。。用更少的行阅读效果更好。侦听器部分我不确定。。我将它们都包装在$（文档）中。就绪（函数（）{有什么不同吗？@Orion如果按钮没有移动，只需直接链接到按钮。我通常使用.on（）按钮移动或动态时的逻辑。例如，我会在（'click'，'tr td.actions span.edit'.function（）{…}）上使用$（'#table'），以允许我的动态编辑按钮一直工作。此外，您不需要$（document）.ready，只需编写$（function（）{…}），jQuery将为您处理就绪部分。